angularjs - Angular.js 使用 ng-init 向模型数组添加值

Question

我是 Angular 的新手，还在学习。我读了很多关于使用 CMS 生成静态 HTML 的文章，然后将其转换为 Angular 模型/范围，然后进一步处理它。

现在我正在尝试将值添加到 ng-init 指令中的模型数组，如下所示：

<div ng-init="art[0].anzahl=3">...</div>
<div ng-init="art[1].anzahl=2">...</div>
<div ng-init="art[2].anzahl=9">...</div>

但这不起作用，有没有人能看到我的愚蠢错误，或者我对如何使用 ng-init 完全错误？

这是完整示例的链接：http: //jsfiddle.net/Preexo/xVUty/

提前感谢您的帮助:)

Answer 1

在尝试art使用ngInit. 以这个小提琴为例。

$scope.art = [
    {'anzahl': 0},
    {'anzahl': 0},
    {'anzahl': 0}        
];

$scope.addOne = function(artIndex) {
    $scope.art[artIndex].anzahl += 1;
}

更新：这里有一些其他选项

1）如果这对您的理解有帮助，您可以ng-repeat在控制器代码中使用并声明默认值，anzahl就像在这个小提琴中一样。这将减少标记中的代码，并将模型的声明移动到控制器中，这取决于您的目标。

2）如果您仍然想使用ngInit，您可以将每个项目推入art标记中的数组中，就像在这个小提琴中一样。