Javascript “动画完成”回调中未更新角度模型

以下HTML包含在my ng controller div中

<div id="cards-slider">
    <div ng-repeat="card in cards">
        <a href="#" title="Title" ng-click="toggleFavorite(card)">
        <i class="icon-star" ng-class="card.isFavorite ? 'favorite' : ''"></i>
    </a>
        <div class="card-holder ng-cloak">
            <img src="{{ card.imageSrc }}" />
        <p><a href="#">{{ card.programName }}</a></p>                       
    </div>
    </div>
</div>

<a href="#" class="next ng-cloak" ng-show="cartsTotal > limit && isNotLastPage" ng-click="getNextCards()"></a>

---

这是因为jqueryajax和animate函数在外部。您需要手动强制生成摘要。试试这个：

$( "#cards-slider" ).animate({
    left: "-=500",
}, 100, function() {
    $scope.cards        =   data.elements;
    $scope.cartsTotal   =   data.total;
    if (!$scope.$$phase) { // if digest is not already running
        $scope.apply();
    }
});

---

这是因为jqueryajax和animate函数在外部。您需要手动强制生成摘要。试试这个：

$( "#cards-slider" ).animate({
    left: "-=500",
}, 100, function() {
    $scope.cards        =   data.elements;
    $scope.cartsTotal   =   data.total;
    if (!$scope.$$phase) { // if digest is not already running
        $scope.apply();
    }
});

---

这是因为jqueryajax和animate函数在外部。您需要手动强制生成摘要。试试这个：

$( "#cards-slider" ).animate({
    left: "-=500",
}, 100, function() {
    $scope.cards        =   data.elements;
    $scope.cartsTotal   =   data.total;
    if (!$scope.$$phase) { // if digest is not already running
        $scope.apply();
    }
});

---

这是因为jqueryajax和animate函数在外部。您需要手动强制生成摘要。试试这个：

$( "#cards-slider" ).animate({
    left: "-=500",
}, 100, function() {
    $scope.cards        =   data.elements;
    $scope.cartsTotal   =   data.total;
    if (!$scope.$$phase) { // if digest is not already running
        $scope.apply();
    }
});

---

它的工作原理与$scope类似。$apply（）！但是，现在我有了我想要的；）它的工作原理与$scope类似。$apply（）！但是，现在我有了我想要的；）它的工作原理与$scope类似。$apply（）！但是，现在我有了我想要的；）它的工作原理与$scope类似。$apply（）！但是，现在我有了我想要的；）