如果在AngularJS中单击了另一个按钮,则启用/禁用按钮

时间:2018-02-07 13:51:36

标签: javascript arrays angularjs object angularjs-ng-disabled

我有第一组3按钮:linesplinebar

第二组:singledoubletriple

我想要做的是让第二组按钮启用或禁用,具体取决于点击第一组中的哪一个按钮:

  • 如果点击了line,则会启用所有三个(singledoubletriple
  • 如果点击了spline bar,则仅启用singledoubletriple将被停用。

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

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

有什么建议吗?

0 个答案:

没有答案
相关问题