Angularjs 禁用ng是否可以禁用子元素组?

Angularjs 禁用ng是否可以禁用子元素组?,angularjs,Angularjs,我正在尝试禁用一组在其父元素中使用ng disabled的元素。似乎不起作用。 这是否意味着我必须在所有子元素中使用相同的条件才能禁用 我无法通过将ng disabled=“true”与ul或li元素一起放置来禁用所有元素。它只有在输入元素时才起作用。这就是它的工作原理吗?另外,ng disabled=“true”不适用于标签或span <ul style="list-style:none"> <li> <input type="radio"

我正在尝试禁用一组在其父元素中使用ng disabled的元素。似乎不起作用。 这是否意味着我必须在所有子元素中使用相同的条件才能禁用

我无法通过将ng disabled=“true”与ul或li元素一起放置来禁用所有元素。它只有在输入元素时才起作用。这就是它的工作原理吗?另外,ng disabled=“true”不适用于标签或span

<ul style="list-style:none">
    <li>
        <input type="radio" id="radio1" ng-model="color" value="red">
        <label for="radio1" class=""><span>Red</span></label>
    </li>
    <li>
        <input type="radio" id="radio2" ng-model="color" value="green">
        <label for="radio2" class=""><span>Green</span></label>
    </li>
    <li>
        <input type="radio" id="radio3" ng-model="color" value="blue">
        <label for="radio3" class=""><span>Blue</span></label>
    </li>
  • 红色
  • 绿色
  • 蓝色


小提琴:ng disabled仅用于输入元素。这里,“选中”用于在选中复选框后启用按钮。下面是一个假设的例子:

Click me to toggle: <input type="checkbox" ng-model="checked"><br/>
<button ng-model="button" ng-disabled="checked">Button</button>
单击我切换:
按钮

您可以使用此指令: 基本上,我会选择指令中的元素并禁用它们

以下是使用此指令的FIDLE代码:


angular.module('radioExample',['disableAll']))
.controller('ExampleController',['$scope',function$scope){
$scope.color='blue';
$scope.specialValue={
“id”:“12345”,
“值”:“绿色”
};
}]);
禁用所有
    红色
  • 绿色
  • 蓝色
  • 颜色={{color | json}}
    点击我!

如果您试图修改元素的样式,您应该使用类似ng class=“{disable:boolInTheScope}”的内容,然后为禁用的元素定义样式,谢谢!是的,我应该使用ng类以灰色显示元素,并禁用输入类型,我将使用ng-disabled。将您的按钮分组,ng disabled可以在其上使用只是一个注释,我无法将其与ng include结合使用,但在其他方面似乎非常酷。