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