将 Javascript 与 html 嵌套时,淘汰赛 MVC4 不兼容

Posted

技术标签:

【中文标题】将 Javascript 与 html 嵌套时,淘汰赛 MVC4 不兼容【英文标题】:Knockout MVC4 incompatible when nesting Javascript with html 【发布时间】:2013-07-29 19:34:11 【问题描述】:

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

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); /////////

【问题讨论】:

你这里使用的是jquery tmpl 语法,你包含jquery 和jquery tmpl 插件了吗? 是的,我包括在内,我也用fire bug调试了js,没有发现错误 【参考方案1】:

您可以尝试为模板的脚本标签指定一个无效的 mime 类型,例如..

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

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

each friends

【讨论】:

以上是关于将 Javascript 与 html 嵌套时,淘汰赛 MVC4 不兼容的主要内容,如果未能解决你的问题,请参考以下文章

javascript 数组对象与嵌套循环写法

使用 Javascript 将 JSON 嵌套到编号 HTML 表

将HTML表单序列化为JavaScript对象,支持嵌套的属性和数组。

javascript 将嵌套列表与prev结果合并

JavaScript与HTML交互——事件

一淘商品类目预测[转载]