如何禁用 md 按钮

Question

我有一个表单 (HTML) 和一个在提交按钮为 clicked.The 时执行操作的指令表单有 10 个输入字段。要求是保持提交按钮处于禁用状态，直到用户至少在一个字段中输入值。

谁能帮帮我。我是 angular 的新手，找不到太多帮助。

Answer 1

只需使用ng-disabled="true"。

在你的控制器中声明一个类似

的函数

checkInputFields 其中 return true 或 false 取决于形式模态。

然后使用

<md-button ng-disabled="checInputFields()">
  Submit
</md-button>

Answer 2

  <form ng-submit="search()" name="searchSideNav">
    <div layout="column" layout-align="center">
      <md-input-container flex>
        <label>{{::labels.documentName}}</label>
        <input ng-model="searchItems.sDocumentName" ng-required="" name="sDocumentName">
        <div ng-show="searchSideNav.sDocumentName.$invalid && !searchSideNav.sDocumentName.$pristine">
          <p ng-show="searchSideNav.sDocumentName.$error.required" class="help-block">Document is required</p>
        </div>
      </md-input-container>
       <md-button ng-disabled="searchSideNav.$invalid">
         Submit
      </md-button>
    </div>
  </form>

如何禁用 md 按钮

How to Disable md-button

angularjs

angularjs-directive

angular-material

ui-validate