Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs上控制器的启用/禁用按钮_Javascript_Angularjs - Fatal编程技术网

Javascript Angularjs上控制器的启用/禁用按钮

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并从控制器更改它。如文档示例所

我有一个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并从控制器更改它。如文档示例所示:

<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