我正在尝试向 ng-repeat 数组添加一个新对象。该数组是使用通过 $http 请求获取的数据创建的。我需要能够将我在对话框中输入的数据传递给一个函数,然后将该数据作为一个对象推送到数组上并更新视图。我可以很好地在控制台中记录输入的值,即使我记录了数组,它也会显示更新的值,但不会更新视图。此外,如果我添加一个带有不在对话框中的按钮的对象,它将更新数组。
更新
在使用 Chrome 的 Angular ng-Inspector 查看范围概述后,我可以看到新对象被添加到控制器范围内的数组中,控制器是发生 ng-repeat 的元素的父级。发生 ng-repeat 的元素有自己的范围,我可以看到该数组没有在那里更新。我需要这个数组是一个被更新的数组,因为那是 ng-repeat 所在的位置,这就是正在查看的内容。我仍然对如何有两个相同的数组感到困惑,其中一个改变而另一个没有改变。当我将对象推送到“$scope.plots”时,我需要定位 ng-repeat 父元素的范围。我还没有找到一个很好的方法来做到这一点。
这是我的对话
function showAdd(ev) {
$mdDialog
.show({
controller: DialogController,
templateUrl: '/templates/addDialog.html', //contains inputs that are modeled to values as seen in the push function below. A button calls addPlant()
targetEvent: ev,
clickOutsideToClose: true,
openFrom: 'left'
}).then(function(added) {
newPlant(added);
})
}
这是我的对话控制器
function DialogController($scope, $mdDialog, $http) {
$scope.addPlant = function (added) {
for (var i = 0; i < added.quantity; i++) {
$http.post('/addPlant', added).then(function () { //this is just posting the data to a database, not related to the issue.
$mdDialog.hide(added);
}
});
}
};
以及推送功能
var newPlant = function(added) {
$scope.plots.push({
'plot': added.plot,
'varieties': [{
'count': added.quantity,
'variety': added.variety
}],
'count': added.quantity
});