Мой нг-повтор не работает

0

У меня есть небольшая проблема, когда я создал ng-repeat, в html ничего не происходит.

Может ли кто-нибудь помочь мне решить эту проблему?

var myApp = angular.module('myApp', [])
.controller('MyCtrl', function($scope){
    list = [];

    $scope.generateAlbum= function() {
        return {
            Name : faker.name.firstName()       
        };
    };

    $scope.generate= function(count) {
        count = count || 25;
        list;
        for (var i = 0; i < count; i++) {
            list.push($scope.generateAlbum());
        }
        return list;
    };

    $scope.generate();

});

и здесь html:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <script src="http://marak.com/faker.js/js/faker.js"></script>
    <script src="js/app.js" type="text/javascript"></script>
</head>
<body>
<main>
    <section ng-controller="MyCtrl">
        <ul ng-repeat="item in list">
            <li>{{item.Name}}</li>
        </ul>
    </section>
</main>

</body>
</html>

и ссылка на пример: http://plnkr.co/edit/cjm53O4ne8r929jiJoeR?p=preview

Теги:
angularjs-ng-repeat

1 ответ

1
Лучший ответ

Ваш список должен быть свойством scope. Ваши функции не

var myApp = angular.module('myApp', [])
.controller('MyCtrl', function($scope){
  var list = [];

  function generateAlbum() {
        return {
            Name : faker.name.firstName()       
        };
  }

  function generate(count) {
        count = count || 25;
        for (var i = 0; i < count; i++) {
            list.push(generateAlbum());
        }
        $scope.list = list;
    }

    generate();
});

http://plnkr.co/edit/iaNWY9WTt5JYB9oIjAqu?p=preview

  • 0
    Большое спасибо, Кармакон

Ещё вопросы

Сообщество Overcoder
Наверх
Меню