Как использовать директиву np-repeat в AngularJS

0

Я следую некоторым учебникам по AngularJS, но ниже код не работает для меня

<!DOCTYPE html>
<html ng-app="simpleApp">
  <head>
    <title>My Angular App!</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="index.js"></script>
  </head>
  <body>
    <div ng-controller="myController">
      <ul>
        <li ng-repeat="entry in collection"> {{ entry }} </li>
      </ul>
    </div>
  </body>
</html>

и ниже мой индекс index.js

var app = angular.module("simpleApp", []);

app.controller("myController", function($scope) {
    $scope.collection = ['first','second','third'];
    };
})

Согласно уроку, вывод должен быть

  • первый
  • второй
  • в третьих

но мой вывод

  • {{entry}}
  • 3
    Похоже, у вас есть случайный }; в вашем коде
  • 0
    Попробуйте использовать <span ng-bind="entry"></span> вместо {{entry}} .
Показать ещё 1 комментарий
Теги:

1 ответ

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

У вас есть случайный }; в вашем коде

app.controller("myController", function($scope) {
    $scope.collection = ['first','second','third'];
  };
})

Должно быть:

app.controller("myController", function($scope) {
    $scope.collection = ['first','second','third'];
})

Ещё вопросы

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