当使用HTML代码时，我如何从TypeScript文件访问和设置mat-option的id属性值下面是我的代码：一个月一个月
m0rkklqb1#
最简单的方法是在ts文件中声明一个属性，并将该属性绑定到id属性在html中：<mat-option [id]=”propName” [value]=”item.name” >单位：propName: string = 'option1';
<mat-option [id]=”propName” [value]=”item.name” >
propName: string = 'option1';
sr4lhrrt2#
我假设你正在使用mat-option标签内mat-select标签。如果你使用一个ng-model或formcontrol在mat-select标签，我们可以得到选定的选项值。例如：
<mat-select [(ngModel)]="studentId"> <mat-option *ngFor="let item of studentList" [value]="item.id">{{item.studentName}} </mat-option> </mat-select>
在这里，您可以通过访问studentId变量来访问选定的选项值
2条答案
按热度按时间m0rkklqb1#
最简单的方法是在ts文件中声明一个属性，并将该属性绑定到id属性
在html中：
<mat-option [id]=”propName” [value]=”item.name” >单位：
propName: string = 'option1';sr4lhrrt2#
我假设你正在使用mat-option标签内mat-select标签。如果你使用一个ng-model或formcontrol在mat-select标签，我们可以得到选定的选项值。例如：
在这里，您可以通过访问studentId变量来访问选定的选项值