要向ng-repeat添加新数据,可以使用以下解决方法:
app.controller('myController', function($scope) {
$scope.items = [
{ name: 'Item 1' },
{ name: 'Item 2' },
{ name: 'Item 3' }
];
$scope.newItem = { name: '' };
$scope.addItem = function() {
$scope.items.push($scope.newItem);
$scope.newItem = { name: '' };
};
});
{{ item.name }}
在上述示例中,ng-repeat指令用来循环遍历items数组,并将每个项的name属性显示出来。通过使用ng-model指令,可以将用户输入的新数据绑定到$scope.newItem对象的name属性上。当用户点击“Add”按钮时,addItem函数会将新数据添加到items数组中,并清空输入框。
这样,当用户点击“Add”按钮时,ng-repeat会自动更新显示的数据,添加新的项目。