Question

我在这里有一个md-select表单，并且md-option可以由其他组件手动选择或自动填充。问题是，如果我手动填写所有必需的输入，则可能禁用了提交按钮，但是，如果我使用其他组件来自动填充这些字段，则md-select有时没有任何值，并且该按钮仍然可以单击。

                  <md-select [userData]="'patient.title'" placeholder="Title" class="full-width" name="title" [(ngModel)]="user.title" required>
                    <md-option *ngFor="let title of titles" [value]="title.Label">
                      {{ title.Label }}
                    </md-option>
                  </md-select>

Answer 1

您可以像这样使用ng-disabled指令：

创建布尔变量disableUserDataSelect。在您的代码中，当md-select没有值时（或通常在您希望禁用选择时），将disableDataSelect设置为false。然后为您的md-select更改html，并添加 ng-disabled =“ disableUserDataSelect”“ ，如下所示：

              <md-select ng-disabled="disableUserDataSelect" [userData]="'patient.title'" placeholder="Title" class="full-width" name="title" [(ngModel)]="user.title" required>
                <md-option *ngFor="let title of titles" [value]="title.Label">
                  {{ title.Label }}
                </md-option>
              </md-select>

通过这种方式，您可以根据需要禁用选择。

检查此问题：

How to disable md-select

使用md-select禁用提交按钮

1 个答案: