ng-if不能在嵌套的ng-repeat下工作

时间:2014-09-02 07:46:32

标签: angularjs

我在两个不同的JSON中获得一些服务器响应数据:

userlist{id,name,type...}
and 
tasklist{assign_to,tester,title,description...}

在这里,我需要显示相应用户的任务。

所以,我已经使用ng-repeat将用户列表下的任务列表嵌套为:

<div ng-repeat="user in userList">
  <table>          
      <tr><th>Name </th><td>{{user.name}}</td></tr>
      <tr><th>Type </th><td>{{user.type}}</td></tr>          
  </table> 
  <div ng-repeat="task in taskList">
   <div ng-if="task.assign_to==user.id || task.tester==user.id">
    <table>          
      <tr><th>Title </th><td>{{task.title}}</td></tr>
      <tr><th>Task Desc </th><td>{{task.description}}</td></tr>          
    </table> 
   </div>
  </div>
 </div>    

但它没有用。因为所有任务都显示给每个用户。(表示ng-if不起作用)。

任何建议都将不胜感激。

2 个答案:

答案 0 :(得分:0)

Angularjs代码区分大小写。请检查范围中的变量名称。从您上面粘贴的代码中,这两个列表应该是: 的用户列表 {ID,名称,类型...} 和 的任务列表 {assign_to,测试仪,标题,描述...}

在HTML中使用相同的内容。我认为您使用的是 taskList userList (使用大写L,在JS和html中使用相同的名称)

答案 1 :(得分:0)

所有这一切都与版本有关。 1.0.7不支持ng-if。因此,1.1.5为我工作。