0

当我运行下面的代码时,我得到:

{{each(index,friend)friends}}
    '<'li>${name}'<'/li>
    {{/each}}

打印在屏幕上而不是数组元素我不知道这是否与 HTML5 有关。我还添加了 jquery、konckout 引用并检查了语法。

    '<'h1>Friends'<'/h1>

'<'div data-bind="template: 'friendsTemplate'">'<'/div>



'<'script id="friendsTemplate" type="text/html"'>'
'<'ul>
    {{each(index,friend)friends}}
    '<'li>${name}'<'/li>
    {{/each}}
'<'/ul>

 '<'script type="text/javascript"'>'
    功能朋友(姓名){
        返回{名称:ko.observable(名称)};
    }

    变量视图模型 = {

        朋友:ko.observableArray([新朋友("Ram"), 新朋友("Sam")]),
        添加朋友:函数(){
            this.friends.push(newfriend("另一个人"));
        }
    };


     ko.applyBindings(viewModel);

     
/////////
4

1 回答 1

0

您可以尝试为模板的脚本标记提供无效的 mime 类型,例如..

<script id="friendsTemplate" type="text/x-jquery"'>

也尝试修改你的模板每个synatx

{{each friends}}
于 2013-07-30T06:15:30.157 回答