angular – 如何基于选择表单启用和禁用mat按钮

发布时间：2020-12-17 09:57:46 所属栏目：安全来源：网络整理

导读：这是我的按钮： button class="example-20-width" mat-raised-button disabledEdit Client/button 如何根据选择的表格是否为emtry来控制它并禁用它？这是我的字段形式： mat-form-field class="example-full-width" mat-select placeholder="Select custome

这是我的按钮：

<button class="example-20-width" mat-raised-button disabled>Edit Client</button>

如何根据选择的表格是否为emtry来控制它并禁用它？

这是我的字段形式：

<mat-form-field class="example-full-width">
                    <mat-select  placeholder="Select customer">
                      <mat-option *ngFor="let food of books.data" 
                          [value]="food.company">
                        {{food.company}}
                      </mat-option>
                      <mat-option >
                        </mat-option>
                    </mat-select>
   </mat-form-field>

如果你看 Angular Material Demos (button)这是一个较旧版本的角度metrail演示,有一个按钮执行此操作.

这个演示对应于(现在已经过时了)和andgulr github中的演示.见：github.com – Angular Material – src/demo-app/button

你可以简单地使用：

<button mat-button [disabled]="isDisabled">

其中isDisabled是组件中的布尔定义.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!