当我运行下面的代码时,我得到:
{{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);
/////////