Javascript 即使按钮在angularjs中被禁用,模式弹出窗口也会打开
我有一个引导模式弹出窗体,它是根据AngularJS中的按钮点击打开的,我想知道,即使按钮被禁用,它是如何显示的 请查看下面的按钮代码:Javascript 即使按钮在angularjs中被禁用,模式弹出窗口也会打开,javascript,jquery,angularjs,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Angularjs,Twitter Bootstrap,Twitter Bootstrap 3,我有一个引导模式弹出窗体,它是根据AngularJS中的按钮点击打开的,我想知道,即使按钮被禁用,它是如何显示的 请查看下面的按钮代码: <a class="btn btn-sm btn-info" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="!ItemName || ItemDescription"> Submit
<a class="btn btn-sm btn-info" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="!ItemName || ItemDescription">
Submit
</a>
我有以下型号的弹出代码:
<div id="modal-form-submit" class="modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="blue bigger"> DEMO MODEL FORM </h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-12 col-xs-12">
<div class="form-group">
<label class="control-label" for="toitems">To:</label>
<div class="tags full-width">
<span class="tag" ng-repeat="tag in tags">{{ tag.Description }}</span>
</div>
</div>
</div>
</div>
</div>
<hr />
<div class="modal-footer">
<button class="btn btn-sm" data-dismiss="modal">
<i class="ace-icon fa fa-times"></i>
Cancel
</button>
<button class="btn btn-sm btn-primary " ng-disabled="!ItemCode || !ItemDescription"
ng-click="SaveEntireFormData()" type="button">
<i class="ace-icon fa fa-check"></i>
Confirm
</button>
</div>
</div>
</div>
</div>
&时代;
演示模型表格
致:
{{tag.Description}}
取消
证实
我不想使用jquery js,我真的想用angular js解决这个问题。只需将disabled添加到锚标记类中即可
<a class="btn btn-sm btn-info disabled" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false" ng-disabled="ItemName || ItemDescription">
禁用的属性不适用于锚定
标记。它们是为按钮
、字段集
等标记而构建的
考虑添加此CSS以解决此问题:
a[disabled] {
pointer-events: none;
}
我做了这个,它的工作完美
<a class="btn btn-sm btn-info" ng-class="{'disabled':(!ItemName || !ItemDescription)}" data-toggle="modal" href="#modal-form-submit" data-backdrop="static" data-keyboard="false">
试试这个
ng-disabled="(!ItemName) || (ItemDescription) "
如果可能,请告诉什么是ItemName和ItemDescription
请记住,在angularjs中,如果要禁用任何字段,必须这样做
ng-disabled = 'true' ;
所以在AngularJS中,它会像:
不客气..也感谢你在AngularJS中的上述代码..会注意到同样的。。。