JQuery bekommt nicht die Änderungen, die angularjs macht - javascript, jquery, angularjs

Ich habe dieses Set mit AngularJS

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

und wenn ich diese jquery benutze

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

Das erste Protokoll gibt dies auf dem Bildschirm aus:

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

Das zweite Protokoll gibt Folgendes aus:

,000

Kann mir bitte jemand helfen?

Antworten:

Rufen Sie einfach die jQuery-Logik nach winklig auf und es wird funktionieren. Manchmal spielen die beiden nicht gut zusammen:

<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>

Ausgabe in der Google Chrome-Konsole: