AngularJS ng-checked渲染问题

时间:2015-02-18 14:30:37

标签: javascript html angularjs

我有userList中存储的用户详细信息列表 我在div标签中呈现这些用户列表,如下所示:

<ul>
  <li class="extra-users" ng-repeat="member in view.userList">
    <input class="add-friends-check add-friends{{$index}}" type="checkbox" ng-checked="member.ischeck" />
  </li>
</ul>  

现在出现问题如果使用相同的userList在多个div标签中呈现用户 即

<div class="1">
<ul>
  <li class="extra-users" ng-repeat="member in view.userList">
    <input class="add-friends-check add-friends{{$index}}" type="checkbox" ng-checked="member.ischeck" />
  </li>
</ul>
</div>
<div class="2">
<ul>
  <li class="extra-users" ng-repeat="member in view.userList">
    <input class="add-friends-check add-friends{{$index}}" type="checkbox" ng-checked="member.ischeck" />
  </li>
</ul>
</div>  

现在如果在div1中选择/检查了两个用户,它也会反映在div2中,因为view.userList正在更新。

解决这个问题的一种方法是克隆userList并将克隆的userList`分配给div1,将userList``分配给div2。
但这导致我的性能问题如果我加载超过15或20 div。

我们有什么方法可以避免在一个div中选择一个不反映在另一个div中的用户?

先谢谢

0 个答案:

没有答案