Angular material 从angular5中的按钮列表中禁用mat按钮
嗨,我是个新手。我使用的是一个3行2列的mat表。我想在单击mat输入时启用/禁用行中的mat按钮。我实现了单击事件,但是,属性被分配给所有按钮。我希望它被分配到一行中的一个按钮。非常感谢您的帮助 这是我的密码 html }Angular material 从angular5中的按钮列表中禁用mat按钮,angular-material,angular5,Angular Material,Angular5,嗨,我是个新手。我使用的是一个3行2列的mat表。我想在单击mat输入时启用/禁用行中的mat按钮。我实现了单击事件,但是,属性被分配给所有按钮。我希望它被分配到一行中的一个按钮。非常感谢您的帮助 这是我的密码 html } <mat-table #user [dataSource]="activeDataSource"> <ng-container matColumnDef="email"> <mat-header-cell *matHeaderCe
<mat-table #user [dataSource]="activeDataSource">
<ng-container matColumnDef="email">
<mat-header-cell *matHeaderCellDef>Email</mat-header-cell>
<mat-cell *matCellDef="let user">
<mat-form-field floatLabel="never">
<input matInput placeholder="Email" [value]="user.email" [(ngModel)]="user.email" (click)="enableButton()">
</mat-form-field>
</mat-cell>
</ng-container>
<ng-container matColumnDef="save">
<mat-header-cell *matHeaderCellDef>Edit</mat-header-cell>
<mat-cell *matCellDef="let user">
<button mat-button [disabled]="disableButton" (click)="saveUser(user)" ng-disabled="true" color="primary" class="mat-raised-button mat-warn">
Save
</button>
</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
disableButton: boolean = true;
enableButton(){
this.disableButton = false;