5

foreach内でknockoutjsテンプレートを使用しようとしていますが、データメンバーが何である必要があるかを理解できません。

JSFiddle

HTML

<script type="text/html" id="userPicture-template">
    <p data-bind="text: testText"></p>
</script>

<div >
    <ul data-bind="foreach: voters">
        <li data-bind="template: { name: userPicture-template, data: $data }">
        </li>
    </ul>
</div>
<div data-bind="foreach: voters" >
    <div>
        <div data-bind="template: { name: userPicture-template, data: $data }">
        </div>
    </div>
</div>

Javascript

ko.applyBindings({
    voters: [
        { testText: "hello" },   
        { testText: "world" },
    ]
});​
4

1 に答える 1

9

テンプレート名を引用符で囲んでいません：

<div >
    <ul data-bind="foreach: voters">
        <li data-bind="template: { name: 'userPicture-template', data: $data }">
        </li>
    </ul>
</div>
<div data-bind="foreach: voters" >
    <div data-bind="css: questionClasses">
        <div data-bind="template: { name: 'userPicture-template', data: $data }">
        </div>
    </div>
</div>

またquestionClasses、ビューモデルにはフィールドがありません。

ここに作業中のフィドルがあります：http：//jsfiddle.net/ywqct/2/

于 2012-12-19T16:30:17.800 に答える