0

異なるインデックスにある複数のオブジェクトを含むviewModelがあります

[0]{id=1,name="adventure",description="abc"}

[1]{id=2,name="urban",description="def"}

[2]{id=3,name="romantic",description="ghi"}

ノックアウトのマッピングプラグインを使用してこのviewModelを取得しました。

var categoriesViewModel = ko.mapping.fromJS(data);

これで、以下に示すように3つのliタグを持つhtmlができました。

<section class="categories">

                <ul class="categories-list">
                    <li class="urban"><a  href="javascript:;"><span>urban living</span></a></li>
                    <li class="adventure"><a href="javascript:;"><span>adventure</span></a></li>
                    <li class="romantic"><a href="javascript:;"><span>romantic</span></a></li>
                </ul>

別のオブジェクトを別のliにバインドするにはどうすればよいですか。

たとえば、最初のliは、categoriesViewModelの2番目のオブジェクト（categoriesViewModel（）[1]）にバインドする必要があります。

[1]、[2]などのインデックスをハードコーディングしたくありません。categoriesViewModelから関連オブジェクトを取得してバインドしたいと思います。

迅速なサポートを楽しみにしています。

4

1 に答える 1

3

foreach ループでこれを行うことができます。

<ul class="categories-list" data-bind="foreach: categories">
    <li data-bind="attr: {class: name}"><span data-bind="text: desc"></span></li>
</ul>
于 2012-08-10T19:27:35.550 に答える