javascript - 在循环中单击描述时，knockout.js 不会触发单击事件

Question

我有下一个模型代码

<!-- ko foreach: {data: userAdminView.viewRoles, as: 'rrole'} -->
  <tr>                                                    
    <td class="userRolesRoleTitle"><b data-bind="text: rrole.role.name"></b><br/><i data-bind="text: rrole.role.description"></i></td>                                
    <td class="userRolesRoleGroups">
      <!-- ko foreach: {data: rrole.role.groups, as: 'group'} -->
      <div class="usersGroupElement" data-bind="html: group.viewName"></div>
      <!-- /ko -->
      <a class="btn emb green" data-bind="click: userAdminView.addNewGroup,visible:(rrole.role.isNewGroupAccessible) , attr: { value: rrole }"><i class="icon16 plus"></i>add</a>
    </td>
  </tr>
<!-- /ko -->

和模型事件

function userAdminView(user) {
  //some code 
  self.addNewGroup = function(data, event){};
  //some code 
}

一切正常，但 userAdminView.addNewGroup 事件除外，它在循环中描述时从未触发。为什么会发生？谢谢

Answer 1

更改这部分 data-bind="click: userAdminView.addNewGroup"

进入这个data-bind="click: $parent.addNewGroup"

检查一下 custom-bindings-controlling-descendant-bindings

Bindings such as with and foreach create extra levels in the binding context hierarchy. This means that their descendants can access data at outer levels by using $parent, $parents, $root, or $parentContext.