angularjs - md ボタンを無効にする方法

Question

フォーム（HTML）と、送信ボタンがクリックされたときに処理を行うディレクティブがあります。フォームには10個の入力フィールドがあります。要件は、ユーザーが少なくとも 1 つのフィールドに値を入力するまで無効になっている送信ボタンを保持することです。

誰でも私を助けてください。私はAngularが初めてで、多くの助けを見つけることができませんでした.

Answer 1

単に使用してng-disabled="true"ください。

コントローラーで次のような関数を宣言します

checkInputFieldsフォームモーダルに応じて、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>