angular js and jquery integration

Hi,

I have the following part of a code, its work, but when i click a td, i have an angular expression {{car1}} that don't change, what i can do?

 //document ready
          angular.element(document).ready(function () {

              $("td").each(function(){$(this).attr('pr1',parseFloat($(this).html().replace("$","")))});

             $("td").click(function(){
                 $scope.car1 = $scope.car1 + parseFloat($(this).attr('pr1'));
                 alert($scope.car1);
             });


          })
          //fin del document ready

Open in new window

LVL 1

joyacv2Asked: 2015-06-05

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

Experts Exchange Solution brought to you by

Enjoy your complimentary solution view.

Get every solution instantly with Premium. Start your 7-day free trial.

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 66

Julian HansenCommented: 2015-06-05

Apologies - just re-read the question - do you have a page online we can look at?

LVL 1

joyacv2Author Commented: 2015-06-05

sorry, no

LVL 1

joyacv2Author Commented: 2015-06-05

i can change using an id and jquery.html() function, but i want to use angular because is more simple and have a currency filter for expressions

LVL 66

Julian HansenCommented: 2015-06-05

Ok but with only that snippet of code - sort of like bringing the spare tyre of car into the shop and asking why it won't start.

LVL 1

joyacv2Author Commented: 2015-06-05

ok,

how i update an <span>{{tdclicked}}</span> or any other tag, when i click a 'td' using angular js expressions?
i want that when i click a td, then the span tag takes its value + the previous value

LVL 66

Julian HansenCommented: 2015-06-06

This seems to work

<!doctype html>
<html ng-app="tdtest">
<head>
<title>Test</title>
<style type="text/css"></style>
</head>
<body ng-app="">
<div ng-controller="tdTestController as tdc">
	<table>
		<tr>
			<td>Name</td><td ng-click="tdc.clickTD($event)">John Smith</td>
		</tr>
		<tr>
			<td>Name</td><td ng-click="tdc.clickTD($event)">Jane Doe</td>
		</tr>
	</table>
	<span>{{tdc.tdclicked}}</span>
</div>
<script src="http://code.jquery.com/jquery.js"></script>
<!-- <img src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>-->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script>
<script type="text/javascript">
angular.module('tdtest', [])
	.controller('tdTestController', function() {
		var tdc = this;
		tdc.tdclicked = '';
		tdc.clickTD = function (e){	
			tdc.tdclicked = $(e.target).html();
		}
	});
</script>
</body>
</html>

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial