Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何禁用md按钮_Angularjs_Angularjs Directive_Angular Material_Ui Validate - Fatal编程技术网

Angularjs 如何禁用md按钮

Angularjs 如何禁用md按钮,angularjs,angularjs-directive,angular-material,ui-validate,Angularjs,Angularjs Directive,Angular Material,Ui Validate,我有一个表单(HTML)和一个指令,当点击submit按钮时,可以执行一些操作。表单有10个输入字段。要求是在用户至少在一个字段中输入值之前,保持“提交”按钮处于禁用状态 谁能帮帮我吗。我不熟悉angular,找不到太多帮助。只需使用ng disabled=“true” 在控制器中声明一个函数,如下所示 checkInputFields,根据表单模式返回true或false 然后使用 <md-button ng-disabled="checInputFields()"> Subm

我有一个表单(HTML)和一个指令,当点击submit按钮时,可以执行一些操作。表单有10个输入字段。要求是在用户至少在一个字段中输入值之前,保持“提交”按钮处于禁用状态


谁能帮帮我吗。我不熟悉angular,找不到太多帮助。

只需使用
ng disabled=“true”

在控制器中声明一个函数,如下所示

checkInputFields
,根据表单模式返回
true
false

然后使用

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

提交

{{::labels.documentName}

需要文档

提交
我没有控制器,但表单位于指令中。我尝试了您的建议,在指令中添加了一个方法,但指令必须知道何时输入了值。请在指令中使用
bindToController
,并在指令的控制器上声明您的方法。尝试了该方法,但由于某些原因无效。请确保表单的所有字段都应有名称属性你能在这里发布你的表单html吗{{::labels.documentName}}
它只是html@AlbertPinto我已经更新了我的答案。请关注验证和表单字段的属性。只有当您添加了name属性时,验证才起作用。现在应该可以了。请查收。否则我就可以为你创造一个“普朗克”
  <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>