Knockout.js：将当前对象传递给 jQuery 模板中的函数

Question

如何在淘汰赛中将当前对象从模板传递给函数。这是代码：

<div data-bind="foreach: people">
    <p>
     <b data-bind="click: $root.check, text : name"></b> 
     </p>
</div>



<div data-bind="template: 'peopleList'"></div>

<script type="text/html" id="peopleList">
    {{each people}}
        <p>
            <b data-bind="click: $root.check">${name}</b> is ${age} years old
        </p>
    {{/each}}
</script>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery.tmpl.min.js"></script>
<script src="knock.js"></script>

<script>
var viewModel = function() {
       this.people = ko.observableArray([
            { name: 'Rod', age: 123 },
            { name: 'Jane', age: 125 },
        ]);
   this.check = function (val) {

            console.log('current value', val);
        }
}


    ko.applyBindings(new viewModel());



</script>

如果我从模板点击外部，检查按预期工作，它会打印当前对象，但如果我点击模板内部，检查会打印 viewmodel 对象。为什么？ click : $root.check 在第一种情况下打印 e.x Object {name: "Jane", age: 125} ，在第二种情况下在模板内打印 viewModel {}

Answer 1

由于实际的 each 循环是由 jQuery 模板而不是由 Knockout 执行的，因此循环中的绑定上下文不会改变。

您必须从 jQuery-template 手动获取它并将其传递给函数：

<b data-bind="click: $root.check.bind($value)">${name}</b> is ${age} years old

Answer 2

好的，我找到了解决方案，问题是 jquery.tmpl.min.js 模板引擎...