Question

当我运行下面的代码时，我得到：

{{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"'>'


    function friend(name) {
        return { name: ko.observable(name) };
    }

    var viewModel = {

        friends: ko.observableArray([new friend("Ram"), new friend("Sam")]),
        addFriend: function () {
            this.friends.push(new friend("Another Guy"));
        }
    };


     ko.applyBindings(viewModel);

     
/////////

Answer 1

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

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

还尝试将每个synatx的模板修改为

{{each friends}}

当使用html嵌套Javascript时，Knockout MVC4不兼容

1 个答案: