1

スコープ内で配列を定義しました：

$scope.foo = [];

次に、$http 呼び出しを行い、コントローラーの成功イベントからその変数を設定します。

テンプレートには、順序付けられていないリストがあります。

<ul>
 <li ng-repeat="i in foo">{{i}}</li>
</ul>

結果は、$scope.foo と同じ数の li 要素を持つ順序付けられていないリストになりますが、その内容は空です。

<li ng-repeat="i in foo" class="ng-scope"></li>
<li ng-repeat="i in foo" class="ng-scope"></li>
<li ng-repeat="i in foo" class="ng-scope"></li>
.
.
.

配列に値が設定されていることがわかります。さらに、LI 要素の数は (予想どおり) 配列の長さと一致しますが、LI の内容は emptyです。

私が見つけることができるすべてのドキュメントは、順序付けられていないリストを作成するためにこのように見えます。スコープに関するいくつかの問題が発生する可能性があるため、以前に jQuery 呼び出しから角度のある $http.post 呼び出しに変更しました。

li 要素の内容が空なのはなぜですか?

4

1 に答える 1

1

$scope.foo = []; にした場合 次に、範囲ではなく foo を使用します。

例：

<li ng-repeat="i in foo" class="ng-scope">{{i}}</li>
<li ng-repeat="i in foo" class="ng-scope" ng-bind="i"></li>

間違いを修正するために編集しました。ヒントをありがとう。

于 2015-07-02T07:20:43.037 に答える