我有第一组 3 个按钮line
:spline
和bar
。
第二组single
:double
和triple
。
我想要做什么来启用或禁用第二组按钮,具体取决于单击第一组中的哪个按钮,如下所示:
- 如果
line
单击所有三个 (single
和double
)triple
均启用 - 如果仅单击
spline
of是启用的,并且是禁用的。bar
single
double
triple
这是我正在使用的对象数组(可能它可能是一种更好的组织方式):
myList = [
{ name: 'Line', icon:'line', subList: [{ name : 'Single', icon:'a' },
{ name : 'Double', icon: 'b' },
{ name : 'Triple', icon: 'c' }]},
{ name : 'Spline', icon: 'spline', subList: [{ name: 'Single', icon:'a' }]},
{ name : 'Bar', icon: 'bar', subList: [{ name: 'Single', icon:'c' }] }
];
这里我生成了第一组按钮:
<div class="btn-group btn-group-sm">
<i ng-repeat="view in $ctrl.myList"
ng-class="$ctrl.isViewSet(view) ? 'btn-primary' : 'btn-default'"
ng-click="!$ctrl.disableViews && $ctrl.setView(view)"
ng-disabled="$ctrl.disableViews">
</i>
</div>
这是第二个:
<div class="btn-group btn-group-sm btn-group-comparison">
<i ng-repeat="view in $ctrl.myList[0].subList"
class="btn yp-pulseIcon-{{view.icon}}"
ng-click="!$ctrl.disableViews && $ctrl.setView(view)"
ng-disabled="$ctrl.disableViews">
</i>
</div>
我想在第二个中我必须修改一些东西,ng-disabled
但到目前为止我尝试过的所有方法都不起作用。
有什么建议么?