Question

我是角色的新手试图循环一个数组。我运行下面的代码时没有收到错误，但我没有从阵列/属性客户那里得到任何输出。

<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应用程序：

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

您需要在HTML中使用

<div ng-app="myApp">

现在，div中的任何内容（您可以将其放置在其他元素上，例如正文）都将在您的应用范围内。如果您想使用控制器，如果您使用的角度为＆gt; = 1.3，则必须将其注册到应用程序：

myApp.controller('VideoController', VideoController);

Fiddle

循环使用ng-repeat指令

1 个答案: