Question

我创建了一个jsFiddle，我正在学习Knockout的模板绑定。举个简单的例子，我成功地应用了模板绑定。但是，当我创建这个包含css的jsfiddle示例（如下所示）时。它不适合我。我在哪里错过了这个。

<h2>Participants</h2>
Here are the participants:
<h3> Info Here
 <div class="span8">
 <div class="profile-container on" id="ResponsibilityGrid" data-bind="template: { name: 'responsibilities-template', foreach: ProductsInformation }">
                </div>
     </div><script type="text/html" id="responsibilities-template">
<ul>
    <li>
        <div tabindex="-1" data-bind="text: Name"></div>
        <div tabindex="-1"></div>
        <div class="icon" tabindex="-1"></div>
        <div class="sborder" tabindex="-1" style="display: none;"></div>
        <div class="sborder bottom" tabindex="-1" style="display: none;"></div>
    </li>

    <!-- ko foreach: Responsibilities -->
    <li>
        <div tabindex="-1" data-bind="text: Name"></div>
        <div class="icon" tabindex="-1"></div>
        <div class="sborder" tabindex="-1" style="display: none;"></div>
        <div class="sborder bottom" tabindex="-1" style="display: none;"></div>
    </li>
    <li>
        <div tabindex="-1" data-bind="text: Name" class="break-word"></div>
        <div class="icon" tabindex="-1"></div>
        <div class="sborder" tabindex="-1" style="display: none;"></div>
        <div class="sborder bottom" tabindex="-1" style="display: none;"></div>
    </li>
    <!-- /ko -->
</ul>
</script>

这里是jsfiddle的网址：https://jsfiddle.net/xejx5sh0/

我是knockout.js的新手，并尽我所能去学习它。如果我犯了任何错误，我会请求忽略。任何帮助将不胜感激。

谢谢，

Answer 1

替换

<div tabindex="-1" data-bind="text: Name"></div>

与

<div tabindex="-1" data-bind="text: name"></div>

在你的JSFiddle中你已经在模板中调用了click事件的函数。

<li data-bind="click: GetQuickLookProfile">

但是这个GetQuickLookProfile函数在javascript上不存在。你必须删除该数据绑定或使GetQuickLookProfile使其工作。希望这会有所帮助。

使用Knockout的模板绑定

1 个答案: