javascript - 使用 KO 将模型作为参数传递给链接按钮单击

Question

在下面的示例中，我需要在链接按钮单击 (List, range) 中将模型作为参数传递。如何实现这一点

<div data-bind = "foreach:modelList" >
        <div class="BDCRQuery">
            <div class= "Body" > 
                <div>
                    <select id ="SELECT" data-bind="options: Attributes, optionsText: 'AttributeName', optionsValue: 'Id', optionsCaption: 'Select Attribute...',value : SelectedAttribute"></select>
                </div>
                <div>
                    <span>with any of the following values:</span>
                </div>
                <div class="option">
                    <a href="#"  id = "List" class="link">List</a> | <a href="#"  id= "Range" class="link">Range</a>
                </div>
               </div>
    </div>
</div>             

Answer 1

luse $parent 和 bind 关键字

<a data-bind="click: $parent.functionName.bind($parent)" />

$parent 将指向持有 modelList 数组的对象，它会调用一个名为 functionName 的函数，bind 将确保this关键字是正确的上下文。该函数将单击的项目作为参数