我有第一组3按钮:line
,spline
和bar
。
第二组:single
,double
和triple
。
我想要做的是让第二组按钮启用或禁用,具体取决于点击第一组中的哪一个按钮:
line
,则会启用所有三个(single
,double
和triple
)spline
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
中的内容,但到目前为止我尝试过的所有内容都不起作用。
有什么建议吗?