0

所以我现在才开始接触 angularJS，在我开始使用带有 ng-repeat 的控制器之前，测试一切都很好。似乎当我使用它时它只是没有连接到控制器。

我检查了一切。范围很好，angular.js 库的位置很好，但由于某种原因列表不会显示。这甚至发生在一些复制粘贴示例中，因为我用这些示例查看我想出的内容是否有错误，还使用了旧版本的库，效果相同，列表中没有任何内容。

<html ng-app>
<head>
<script src="lib/angular.min.js"></script>
</head>
<body>
    <div class="contrainer" ng-controller="SimpleController">
        <h3>Simple Controller Test</h3>
        <br />
        Name:
        <br />
        <input type="text" ng-model="name" />
        <ul>
            <li ng-repeat="chara in characters">
                {{chara.name}} - {{chara.location}}
            </li>
        </ul>
    </div>
    <script>
    function SimpleController($scope) {

        $scope.characters = [
            {name: 'Link', location: 'Hyrule'},
            {name: 'Pit', location: 'Angel Land'},
            {name: 'Samus', location: 'Brinstar'}
            {name: 'Takamaru', location: 'Japan'}
        ];
    }
    </script>
</body>
</html>
4

2 回答 2

0

这里有几个错误：

1) 定义列表时语法无效。第 3 项后缺少逗号。

  $scope.characters = [
        {name: 'Link', location: 'Hyrule'},
        {name: 'Pit', location: 'Angel Land'},
        {name: 'Samus', location: 'Brinstar'},
        {name: 'Takamaru', location: 'Japan'}
    ];

2）您没有通过您选择代表每个字符的名称来引用字符。

   <li ng-repeat="character in characters">
       {{character.name}} - {{character.location}}
   </li>
于 2013-07-16T18:27:14.373 回答
-1

将 ng-controller 指令放入<li>标签中。

  <ul>
        <li ng-repeat="chara in characters" ng-controller="SimpleController">
            {{chara.name}} - {{chara.location}}
        </li>
    </ul>
于 2013-07-16T18:27:43.903 回答