javascript - 使用 ng-repeat 指令循环

Question

我是 Angular 新手，试图循环遍历数组。当我运行下面的代码时，我没有收到错误，但我没有从数组/属性客户获得任何输出。

<div class="col-sm-4 col-sm-push-4 margin-top-30">
<div class="container"  data-ng-controller="VideoController">

 <input type="text" ng-model="name" /> {{ name }}

<h3>Looping with the ng-repeat Directive</h3>
<ul>
<li data-ng-repeat="cust in customers | filter:name | orderBy:city">{{ cust.name }} - {{ cust.city }}</li>
</ul>
</div>

<script src="scripts/angular.js"></script>

<script>
function VideoController($scope) {
    $scope.customers= [
    {name:'John Smith', city:'Phoenix'},
    {name:'John Doe', city:'San Fransisco'},
    {name:'Test Doe', city:'CPT'}
];
}
</script>


</div>

有人可以指出我的代码出错了吗

Answer 1

如果您还没有 Angular 应用，请将 Angular 应用添加到您的代码中:

var myApp = angular.module('myApp', [])

您需要在 HTML 中使用:

<div ng-app="myApp">

现在，该 div 内的任何内容(您可以将其放置在其他元素上，例如正文上)都将在您的应用程序范围内。如果您想使用 Controller ，并且您使用的 Angular 版本 >= 1.3，则必须将其注册到应用程序:

myApp.controller('VideoController', VideoController);

Fiddle