Comment pousser les articles en angle $champ d'application.tableau?

Je suis en train de faire quelque chose de mal mais je ne vois pas ce que (ce qui est probablement dû à mon faible AngularJS compétences).
J'ai une simple ng-repeat dans mon code HTML:

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

et voici mon 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 fonctionne très bien avec les 2 images que j'ai déjà dans mon array (fot_1.jpg, fot_2.jpg). La boucle est la le problème. Comment puis-je en poussant plus d'éléments dans mon tableau?

La seule façon cela devrait fonctionner si elle est faite à la fois fotografia et $scope.fotografia de référence le même tableau, c'est à dire fotografia = $scope.fotografia = [], la façon dont vous l'avez maintenant ils font référence à deux différents tableaux
vous avez juste oublié d'utiliser $champ d'application. la vue est lié à $portée de variables variables privées.
En outre, même si cela n'a aucun impact dans votre code actuel, mais JSON norme définit cette Chaîne est délimitée par des guillemets doubles ". Votre image doit être {path:"img/fotografia/fot_1.jpg"}. Pour résoudre votre problème, remplacez "fotografia" $champ d'application.fotografia dans votre contrôleur

OriginalL'auteur Baki | 2015-04-19

  1. 7

    Il suffit de pousser sur le tableau dans le champ d'application. angulaire sera alors mise à jour de la vue.

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

    OriginalL'auteur user1777136

  2. 1

    fotografia est une propriété de la $scope objet, de sorte que vous feriez quelque chose comme:

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

    OriginalL'auteur Adi

  3. 1

    Angulaire sera mise à jour de la vue quand tout dans le champ d'application est modifié ou que vous utilisez
    $scope.digest().
    donc il suffit de pousser les éléments dans le tableau dans la portée,la suppression de la
    fotografia = [];
    parce que vous n'en avez pas besoin.
    juste comme ça:

    ``

    myApp.controller('homeController', function($scope) {
    $scope.fotografia = [
        {path:'img/fotografia/fot_1.jpg'},
        {path:'img/fotografia/fot_2.jpg'}
    ];
    for(var i=0; i<5; i++) {
        $scope.fotografia.push({
            path: 'img/fotografia/fot_'+[i]+'.jpg'
        });
    }
});

    ``

    OriginalL'auteur Mrluobo