javascript - Angular : Allow selection from only one group in drop-down list bootstrap-select

Question

我正在使用bootstrap-select用于带 Angular 下拉选择。我实际上想做的是只允许从一个组中进行选择(假设用户从Ground组中选择CS1607，则应禁用其他组中的选择，并且仅则允许从地面进行选择)。

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

我知道，我必须使用 Angular 观察器来进行更改。我尝试了很多但无法得到想要的结果。 Here is my version of code.

如有任何帮助，我们将不胜感激。

Answer 1

我会将每个选择链接到一个模型(ng-model)，并在其他两个模型不为空时禁用每个选择。类似于(对于 select_1):

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