Question

我尝试使用AngularJS框架来自动更新模型视图。我有html文件，我使用控制器并从中获取值（如{{controllerName.values [0] .value}}）。
app.js是下一个：

'use strict';

var app = angular.module('ModuleName', []);

app.controller('ControllerName', function(){
    this.values = storeValues;

});

function move() {
    storeValues[0].value = 2;
};

var storeValues = [
{
    value: 1
},
...
];

当在移动函数中更改storeValues数组中的值时，html上的视图不是chaning 使用移动函数使用模型 - 视图系统在视图中更改值的正确方法是什么？

更新：
我还没有理解原因，但是$ scope的调用。$ apply（）;在move（）函数结束时解决了我的问题。

Answer 1

如果要访问属性，则需要将其附加到$ scope。试试这个：

'use strict';

var app = angular.module('ModuleName', []);

app.controller('ControllerName', ['$scope', function($scope){
    $scope.values = storeValues;

});

function move() {
    storeValues[0].value = 2;
};

var storeValues = [
{
    value: 1
},
...
]);

如果属性发生变化，如何让AngularJS自动更新视图？

1 个答案: