有没有办法在angularjs中禁用整个div标签。我有一个div标签,其中包含几个表单字段,我想要禁用只有一个条件。这可能吗?以下是我的代码。我尝试使用但它没有工作。任何建议将是有帮助的。谢谢,请看下面的代码。我的主要div标签包含表单。我想根据条件禁用表单,所以用户不能输入id和name文本字段。
<div> <form name="form" role="form" novalidate class="ng-scope ng-invalid ng-invalid-required ng-dirty ng-valid-minlength" ng-submit="createStudy()"> <div class="form-group"> <label>ID</label> <input type="text" class="form-control" name="id" ng-model="study.id"> </div> <div class="form-group"> <label>Name</label> <input type="text" class="form-control" name="name" ng-model="study.name" ng-minlength=1 ng-maxlength=50 ng-required="true"> </div> <div class="modal-footer"> <a href="#/studies"><button type="button" class="btn btn-default" data-dismiss="modal" ng-click="clear()"> <span class="glyphicon glyphicon-ban-circle"></span> Cancel </button></a> <button type="submit" ng-disabled="form.$invalid" class="btn btn-primary"> <span class="glyphicon glyphicon-save"></span> Save </button> </div> </form> </div>
解决方法
你可以使用’fieldset’而不是’div’,它会被禁用
如果您添加了禁用它,它内部的所有表单元素。
如下请见 :
如果您添加了禁用它,它内部的所有表单元素。
如下请见 :
<fieldset ng-disabled="true"> <label>ID</label> <input type="text" class="form-control" name="id" ng-model="study.id"> <label>Name</label> <input type="text" class="form-control" name="name" ng-model="study.name" ng-minlength=1 ng-maxlength=50 ng-required="true"> </fieldset>