Javascript 淘汰示例模板示例不工作

在下面的代码中，为什么jquery模板不呈现？我以为模板是内置的？多谢各位

<script id="friendsTemplate" type="text/html">

    <ul>

        {{each(index,friend) friends}}

        <li>${ friend.name }</li>

        {{/each}}
    </ul>

</script>

{{每个（索引，朋友）朋友}
${friend.name}
{{/每个}}

---

细节
名字：

姓氏：

全名：

朋友

{{每个（索引，朋友）朋友}
${friend.name}
{{/每个}}

功能朋友（姓名）{
返回{
名称：ko.可观察（名称）
};
}
var视图模型={
名字：ko.observable（“伯特”），
姓氏：ko.observable（“史密斯”），
朋友：ko.observableArray（[新朋友（'steve'）、新朋友（'annie'））
};
viewModel.fullName=ko.DependentToServable（函数（）{
返回此.firstName（）+“”+此.lastName（）；
}，视图模型）；
应用绑定（视图模型）；

jQuery.tmpl支持是内置的，但是您需要参考jQuery和jQuery.tmpl，以使其按照以下文档中的说明工作：

默认情况下，Knockout支持jquery.tmpl要使用它， 您需要按以下顺序引用以下库：

---

如果您引用了所有依赖项，您的代码应该可以正常工作：

jQuery.tmpl支持是内置的，但是您需要引用jQuery和jQuery.tmpl，以使其按照以下文档中的说明工作：

默认情况下，Knockout支持jquery.tmpl要使用它， 您需要按以下顺序引用以下库：

---

如果引用了所有依赖项，那么代码应该可以正常工作：

您需要向模板传递一个数据对象

data-bind="template: { name: 'friendsTemplate', data: $data }"

请查看详细信息

使用jQuery模板有什么原因吗？以下内容更符合“典型”淘汰用法。此外，只有在有重用的情况下，才应该使用外部模板。这段代码可以很容易地内联

<script id="friendsTemplate" type="text/html">
    <ul data-bind="friends">
        <li data-bind="text: name"></li>
    </ul>
</script>

您需要将数据对象传递给模板

data-bind="template: { name: 'friendsTemplate', data: $data }"

请查看详细信息

使用jQuery模板有什么原因吗？以下内容更符合“典型”淘汰用法。此外，只有在有重用的情况下，才应该使用外部模板。这段代码可以很容易地内联

<script id="friendsTemplate" type="text/html">
    <ul data-bind="friends">
        <li data-bind="text: name"></li>
    </ul>
</script>

谢谢。我使用的模板，因为它是在一个例子中使用的，它是为了学习。谢谢。我使用的模板是在一个示例中使用的，它是用于学习的。@Md.lbrahim感谢这些信息。

jquery.tmpl.js

链接在小提琴中被破坏了，我现在已经修复了它。@Md.lbrahim感谢这些信息。

jquery.tmpl.js

链接在小提琴中被破坏，我现在已经修复了它。