Angularjs 如何禁用md按钮
我有一个表单(HTML)和一个指令,当点击submit按钮时,可以执行一些操作。表单有10个输入字段。要求是在用户至少在一个字段中输入值之前,保持“提交”按钮处于禁用状态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
谁能帮帮我吗。我不熟悉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>