Angular 如何访问其他ngFor中的ngFor变量？

下面的代码将用于显示用户的详细信息。到目前为止，我们只有一个用户和三个权限。数组定义如下：

1) Users  = [{'FirstName':'John','permission':['masters','transactions']}] 
2) permissions = ['masters','transactions','settings']

第一个for循环迭代用户，第二个是权限。 逻辑是，如果用户权限中存在来自权限的权限，则将复选框标记为true

<div  *ngFor="let user of users">  

  <label> user.FirstName </label>

  <ol>
    <li *ngFor="let permission in permissions">
      <input type="checkbox" checked="user.permission.indexOf(permission)"
    </li>
  </ol>

</div>

user.FirstName

由于
权限
是数组，您应该在
中使用
的
而不是
，因此在
这个最新版本中没有类似
的东西：

更改：

<li *ngFor="let permission in permissions">



到




您的代码应该如下所示：

<div  *ngFor="let user of Users">  
  <label> {{ user.FirstName }} </label>
  <ol>
    <li *ngFor="let permission of permissions">
      {{ permission }}
      <input type="checkbox" [checked]="user.permission.indexOf(permission)> -1 ? true : false">
    </li>
  </ol>
</div>


{{user.FirstName}

{{permission}}


由于
权限
是数组，您应该在
中使用
的
而不是
，因此在
这个最新版本中没有类似
的东西：

更改：

<li *ngFor="let permission in permissions">



到




您的代码应该如下所示：

<div  *ngFor="let user of Users">  
  <label> {{ user.FirstName }} </label>
  <ol>
    <li *ngFor="let permission of permissions">
      {{ permission }}
      <input type="checkbox" [checked]="user.permission.indexOf(permission)> -1 ? true : false">
    </li>
  </ol>
</div>


{{user.FirstName}

{{permission}}