Javascript Angularjs上控制器的启用/禁用按钮
我有一个HTML按钮选项,如下所示Javascript Angularjs上控制器的启用/禁用按钮,javascript,angularjs,Javascript,Angularjs,我有一个HTML按钮选项,如下所示 <button ng-class="{'primaryButton':true}" type="button" id="modalCreateBtn" "ng-hide="false" class="btn btn-group mm-btn-save primaryButton" ng-click="addSegments()">CREATE</button> 你调查过了吗? 您可以拥有一个ngModel并从控制器更改它。如文档示例所
<button ng-class="{'primaryButton':true}" type="button" id="modalCreateBtn" "ng-hide="false" class="btn btn-group mm-btn-save primaryButton" ng-click="addSegments()">CREATE</button>
你调查过了吗?
您可以拥有一个ngModel并从控制器更改它。如文档示例所示:
<span ng-controller="MyController as myController">
<label>Click me to toggle: <input type="checkbox" ng-model="myController.checked"></label><br/>
<button ng-model="button" ng-disabled="myController.checked">Button</button>
</span>
使用ng disabled
是启用/禁用按钮的最佳实践,但您也可以在控制器中实现它,而无需使用此脚本将disabled
属性添加到HTML视图中
angular.element(document.getElementById('yourButtonId'))[0]。disabled=true代码>
就你而言
angular.element(document.getElementById('modalCreateBtn'))[0]。disabled=true代码>
希望这有帮助 您是否尝试过使用ng if
控制器:
$scope.setUploadMode = function (stats) {
if (stats == 4) {
$scope.selectMe = false;
} else { alert("No"); $scope.selectMe = true; }
};
$scope.hello = function () {
alert("YEY");
};
HTML:
div class="radio">
<label>
<input type="radio" name="appendCreateMode" ng-disabled="uploadMode != 2" ng-click="setUploadMode(4)" />Append Folder
</label>
</div>
<button ng-model="button" ng-disabled="selectMe" ng-click="hello()">Button</button
div class=“radio”>
附加文件夹
按钮不使用ng disabled
?@Zee yesm的任何具体原因,因为我的输入与上述内容完全相同。为我的应用程序中的所有按钮调用上述按钮格式。为什么要包括ng class=“{'primaryButton':true}”
。primaryButton
在这种情况下始终是应用于按钮的类,更重要的是,它已经是类的一部分了
属性也是…除非在发布此问题时重新编写了错误的代码,否则您需要在此处修复您的引号:“ng hide=”false“
你真的应该把按钮改成包含ng disabled
,正如@Zee和@Gabriel kohen所建议的那样,这对我不起作用,这让人困惑,因为它对Plunker有效。查看angular.element文档-“如果jQuery可用,angular.element是jQuery函数的别名。如果jQuery不可用,angular.element将委托给angular的内置jQuery子集,称为“jQuery lite”或“jqLite”。因此,对于不使用jQuery的人,.disable不是jqLite中的一个方法。对我有效的是.attr('disabled',true),因为.attr()是jqLite中的一个方法,
div class="radio">
<label>
<input type="radio" name="appendCreateMode" ng-disabled="uploadMode != 2" ng-click="setUploadMode(4)" />Append Folder
</label>
</div>
<button ng-model="button" ng-disabled="selectMe" ng-click="hello()">Button</button