0

以下は、JSON ファイルの基本的な ng-repeat レンダリングを示す Plunkr です。

プランカー

次のように、$scope.foodlist から要素をレンダリングしています。

        <li ng-repeat="food in foodlist">
            <p>Title: {{ food.title }}</p>
            <p>Code: {{ food.code }}</p>
            <p>Unit {{ food.unit }}</p>
        </li>

"unit" には "title" という子要素があるため、上記は次のようにレンダリングされます。

 Title: Walnußbrot
 Code: X 39 2000002
 Unit [{"title":"Scheiben"}]

このようにユニットのタイトルをターゲットにしようとしてもうまくいきません:

 <p>Unit {{ food.unit.title }}</p>

「ユニット」内の要素「タイトル」を印刷するにはどうすればよいですか? この子要素をターゲットにするために、Angular コントローラーに何か特別なものを追加する必要がありますか?

4

1 に答える 1

1

unitあなたのjsonの中にはリストがあります。

したがって、インデックスを使用するか、次を使用してアイテムにアクセスする必要がありますng-repeat。

<p>Unit {{ food.unit[0].title }}</p>

または

<p ng-repeat="title in food.unit">Unit {{ title.title }}</p>
于 2013-10-31T09:39:17.947 に答える