AngularJS:如何禁用表单中的所有表单控件？
AngularJS:如何禁用表单中的所有表单控件？
提问于 2014-01-29 20:06:06
我想禁用所有的表单组件，以便它不能被编辑时，查看按钮被单击。这是我的表格
<form action="#" class="form-horizontal" >
<div class="form-group">
<label for="fieldname" class="col-md-3 control-label">Name</label>
<div class="col-md-6">
<input type="text" ng-model="newItem.customSelected" typeahead="name as name.name for name in members | filter:{name:$viewValue}" class="form-control" />
</div>
</div>
<div class="form-group">
<label for="fieldhname" class="col-md-3 control-label">House name</label>
<div class="col-md-6">
<input type="text" ng-model="newItem.customSelected1" typeahead="house_name as house_name.house_name for house_name in family | filter:{house_name:$viewValue}" class="form-control" />
</div>
</div>
<div class="form-group">
<label for="" class="col-md-3 control-label"><?php echo $this->lang->line('label_family_id'); ?></label>
<div class="col-md-6">
<input type="text" ng-model="newItem.customSelected2" typeahead="fm as fm.family_reg_no for fm in family | filter:{family_reg_no:$viewValue}" class="form-control" />
</div>
</div>
<div class="col-md-3"></div>
</form>这是我的纽扣
<input type="button" class="finish btn-success btn" ng-click="view(newItem)" value="view"/>回答 3
Stack Overflow用户
回答已采纳
发布于 2014-01-29 20:10:35
您可以将所有表单元素放入fieldset中，并使用ng-disabled禁用整个fieldset，而不是在每个字段级别处理它。
Stack Overflow用户
发布于 2015-01-15 20:48:19
您可以使用fieldset标记，方法是用fieldset将按钮括起来并使用ng-disabled属性：
<form action="#" class="form-horizontal" >
<fieldset ng-disabled="isClicked">
<!--your form here --!>
</fieldset>
</form>现在剩下的都在view(newItem)函数中做了：
$scope.view = function(newItem){
$scope.isClicked = true;
// Your code here and set it to false when your are done with it
}Stack Overflow用户
发布于 2014-01-29 20:07:44
您可以使用覆盖图并在其上使用ng-show，也可以将其添加到每个已禁用ng的输入
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21430644
复制相关文章
相似问题