问题描述
我想知道如何分离淘汰模板文件并在我的项目中使用它。 我的项目运行正常,但是当我将模板放在外部文件中时,它出错了。
我不知道的一件事,模板扩展应该是什么?
我使用以下相同的代码制作了两个模板,分别为 person-template.js 和 person-template.js:
<script type="text/html" id="person-template">
<h3 data-bind="text: name"></h3>
<p>Credits: <span data-bind="text: credits"></span></p>
</script>
和我的页面:
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
<script type='text/javascript' src='knockout-3.5.1.js'></script>
<title>Document</title>
</head>
<body>
<h2>Participants</h2>
Here are the participants:
<div data-bind="template: { name: 'person-template',templateUrl: '.',foreach: people }"></div>
<script type="text/javascript">
function Myviewmodel() {
this.people = [
{ name: 'Franklin',credits: 250 },{ name: 'Mario',credits: 5800 }
]
}
ko.applyBindings(new Myviewmodel());
</script>
</body>
</html>
我遇到了这个错误
未捕获的错误:无法处理绑定“template: function(){return { name:'person-template',templateUrl:'.',foreach:people} }” 消息:找不到 ID 为 person-template 的模板 在 a.ba.a.ca.makeTemplateSource (knockout-3.5.1.js:118)
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)