Angular：允许从下拉列表bootstrap-select中的一个组中进行选择

Question

我使用bootstrap-select进行带角度的下拉选择。我想要实际做的是只允许从一个组中选择（假设用户从组 Ground 中选择 CS1607 ，则应禁用其他组中的选择，并且仅禁用然后允许从 Ground 中选择。

 $scope.course = [{
    id: "Ground",
    code: ['CS1607','SD90','EE11','PO213']
  }, {
    id: "First",
    code: ['PH006','EE2131','Aq122']
  }, {
    id: "Second",
    code: ['CSB-9','AA22']
  }];

我知道，我必须使用角度观察者来改变。我尝试了很多，但无法获得理想的结果。 Here is my version of code.

任何帮助将不胜感激。

Answer 1

我会将每个选择链接到模型（ng-model），并在其他两个模型不为空时禁用每个选择。像（对于select_1）：

...ng-if="!select_2_Value && !select_3_Value"...