禁止在cornerjs中的整个div

有没有办法在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>

原文地址：https://www.jb51.cc/css/218524.html