Question

我的HTML有一个带有ng-repeat的循环：

<div class="row">
    <div ng-repeat="item in model.painel track by item.codigoIncidente">
            <strong>{{item.restante.horaMinutoSegundo}}</strong>
    </div>
</div>

我的控制器有一个$ interval，它会减少horaMinutoSegundo。

nihilApp.controller('IncidentePainelController', ['$scope', '$interval', 'Incidente', function ($scope, $interval, Incidente) {

    $scope.model = {
        painel: [],
    };

    var find = function() {
        Incidente.listPainel({pagina: 0}).$promise.then(function (result) {
            $scope.model.painel = result.pagedList;
            $scope.model.totalItems = result.totalGeral;
        }, function (error) {
            console.log(error);
        });

    };

    var updateTime = function() {

        for (var i = 0; i < $scope.model.painel.length; i++) {
        if ($scope.model.painel[i].status.id === 'E' && $scope.model.painel[i].restante.segundos > 0) {
            var segundos = $scope.model.painel[i].restante.segundos - 1;
            $scope.model.painel[i].restante.horaMinutoSegundo = getHoraMinutoSegundo(segundos);
        }    
        }


    };


    var getHoraMinutoSegundo = function (segundos) {
        var horaMath = Math.floor(segundos / 3600);
        var remMath = Math.floor(segundos % 3600);
        var minutoMath = Math.floor(remMath / 60);
        var segundoMath = Math.floor(remMath % 60);

        var hrStr = (horaMath < 10 ? "0" : "") + horaMath;
        var mnStr = (minutoMath < 10 ? "0" : "") + minutoMath;
        var secStr = (segundoMath < 10 ? "0" : "") + segundoMath;

        return hrStr.concat(":").concat(mnStr).concat(":").concat(secStr);
    };    

    $interval(updateTime, 1000);

    find();

}]);

但是{{item.restante.horaMinutoSegundo}}不会在HTML中更新。有人可以帮我解决这个问题吗？非常感谢！

https://jsfiddle.net/araraujo/96w3jrrh/

Answer 1

您需要更改两件事

在控制器中注入$ interval

app.controller（＆＃39; MainCtrl＆＃39;，function（$ scope，$ interval）{ }
更新您的模型，使其与for循环中的逻辑匹配。像下面的东西。

$ scope.model = { painel：[{restante：1}]}

Answer 2

你必须在最后添加$ scope.apply。

public class MusicStoreEntities : DbContext
{
    public DbSet<User> Users{ get; set; }

    public DbSet<Product> Products{ get; set; }
}

Answer 3

它应该可以工作，但你的代码中有一点错误。

var segundos = $scope.model.painel[i].restante.segundos - 1;

您将新的segundos值放入变量中，但未从范围更新该值。

Here是更新版本的小提琴

Answer 4

找到差距，替换此行

var segundos = $scope.model.painel[i].restante.segundos - 1;

使用

scope.model.painel[i].restante.segundos = $scope.model.painel[i].restante.segundos - 1;

Angularjs - ng-repeat不反映属性数组的变化

4 个答案: