Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!
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?
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
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
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
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.
ok,
how i update an <span>{{tdclicked}}</span>
i want that when i click a td, then the span tag takes its value + the previous value
how i update an <span>{{tdclicked}}</span>
i want that when i click a td, then the span tag takes its value + the previous value
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>
Premium Content
You need an Expert Office subscription to comment.Start Free Trial