Angular 5,根据标准在模板中查找元素

时间:2018-06-17 18:35:06

标签: material-design angular5

在我的组件中,我想在数组中检索我在模板中找到的所有id或者等于2的id。 我知道如何在jquery中做到这一点,但我不知道如何使用Angular 5 / Material Design。

我有这个模板,它将包含具有唯一ID的动态行

<mat-radio-group>
          <mat-radio-button value="active" id="active1" (change)="checkStatus(id)" name="status">Active</mat-radio-button>
          <mat-radio-button value="inactive" id="inactive1" (change)="checkStatus(id)" name="status">Inactive</mat-radio-button>
</mat-radio-group>

<mat-radio-group>
          <mat-radio-button value="active" id="active2" (change)="checkStatus(id)" name="status">Active</mat-radio-button>
          <mat-radio-button value="inactive" id="inactive2" (change)="checkStatus(id)" name="status">Inactive</mat-radio-button>
</mat-radio-group>

<mat-radio-group>
          <mat-radio-button value="active" id="active3" (change)="checkStatus(id)" name="status">Active</mat-radio-button>
          <mat-radio-button value="inactive" id="inactive3" (change)="checkStatus(id)" name="status">Inactive</mat-radio-button>
</mat-radio-group>
...

一旦我检索到ID,我就可以更改具有这些ID的单选按钮的状态

Expected result:active3,active4等

0 个答案:

没有答案