javascript - 如何将项目插入 Angular $scope.array？

我做错了但我看不到什么(这可能是由于我的 AngularJS 技能低)。
我的 HTML 中有一个简单的 ng-repeat:

<ul>
  <li ng-repeat="fot in fotografia"><img src="{{fot.path}}"></li>
</ul>

这是我的 app.js:

myApp.controller('homeController', function($scope) {
    // fotografia = []; is here only because I get an error otherwise,
    // which means my later for loop can't access the $scope.fotografia

    fotografia = [];
    $scope.fotografia = [
        {path:'img/fotografia/fot_1.jpg'},
        {path:'img/fotografia/fot_2.jpg'}
    ];

    // I want to add more images with this:
    for(var i=0; i<5; i++) {
        fotografia.push({
            path: 'img/fotografia/fot_'+[i]+'.jpg'
        });
    }
});

Ng-repeat 可以很好地处理阵列中已有的 2 张图像(fot_1.jpg、fot_2.jpg)。循环是问题所在。如何将更多项目推送到我的数组中？

最佳答案

只需将它们推到范围内的阵列上即可。然后 angular 将更新 View 。

for(var i=0; i<5; i++) {
    $scope.fotografia.push({
        path: 'img/fotografia/fot_'+[i]+'.jpg'
    });
}

关于javascript - 如何将项目插入 Angular $scope.array？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29730312/