Question

我有两个字符串数组。其中之一是复选框的动态列表。我想检查该项目是否存在于另一个数组中。如何使用angular 6动态地做到这一点？

这是复选框列表的当前情况... 选中的内容必须是动态的...

<div *ngFor="let p of people">
      <mat-checkbox class="example-margin secondary-text"
        [checked]="false" >p</mat-checkbox>
 </div>

Answer 1

如果要检查otherArray中还存在的项目，可以执行以下操作。假设这些数组是您提到的字符串数组。

// In the template
<div *ngFor="let p of people">
  <mat-checkbox class="example-margin secondary-text"
    [checked]="isInOtherArray(p)" >p</mat-checkbox>
</div>

// In the component method
public isInOtherArray(person) {

   return this.otherArray.indexOf(person) > -1;
}

或者您可以直接在模板上使用它

<div *ngFor="let p of people">
  <mat-checkbox class="example-margin secondary-text"
    [checked]="otherArray.indexOf(p) > -1" >p</mat-checkbox>
</div>

比较字符串angular 6的动态数组

1 个答案: