JQuery не получава промените, които прави angularjs - javascript, jquery, angularjs

Аз имам този комплект с AngularJS

<span data-end-time="{{ productAuctionEnd | date:"yyyy,MM,dd,HH,mm,ss" }},000" class="detail-rest-time js-time-left"></span>

и когато използвам този jquery

$(".js-time-left").each(function() {
console.log($(this));
console.log($(this).data("end-time"));
}

първият журнал отпечатва това на екрана:

<span data-end-time="2016,06,12,15,03,59,000" class="detail-rest-time js-time-left"></span>

вторият дневник отпечатва следното:

,000

някой може ли да ми помогне

Отговори:

Просто се обадете на логиката jQuery след ъглово и тя ще работи.Понякога двамата не играят хубаво заедно:

<script src="~/Scripts/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
var myApp = angular.module("app", []);
myApp.controller("controller", function ($scope, $http) {

$scope.productAuctionEnd = new Date();

});
</script>
<script type="text/javascript">

$(function () {
$(".js-time-left").each(function () {
console.log($(this));
console.log($(this).data("end-time"));
});
});

</script>
<div ng-app="app" ng-controller="controller">
<span data-end-time="{{ productAuctionEnd | date:"yyyy,MM,dd,HH,mm,ss" }},000" class="detail-rest-time js-time-left"></span>
</div>

Изход в конзолата на Google Chrome: