0

我有第一组 3 个按钮linesplinebar

第二组singledoubletriple

我想要做什么来启用或禁用第二组按钮,具体取决于单击第一组中的哪个按钮,如下所示:

  • 如果line单击所有三个 (singledouble)triple均启用
  • 如果仅单击splineof是启用的,并且是禁用的。barsingledoubletriple

这是我正在使用的对象数组(可能它可能是一种更好的组织方式):

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但到目前为止我尝试过的所有方法都不起作用。

有什么建议么?

4

0 回答 0