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 に答える