Angular: разрешить выбор только из одной группы в раскрывающемся списке bootstrap-select

Я использую bootstrap-select для выбора раскрывающегося списка с угловым . На самом деле я хочу разрешить выбор только из одной группы (предположим, пользователь выбирает CS1607 из группы Ground, тогда выбор из других групп должен быть отключен и только тогда разрешен выбор из Ground).

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

Я знаю, я должен использовать угловые наблюдатели для изменений. Я много пробовал, но не мог получить желаемого результата. Вот моя версия кода.

Любая помощь будет оценена по достоинству.


javascript jquery angularjs twitter-bootstrap bootstrap-select
person Kunal Sharma    schedule 20.06.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я бы связал каждый выбор с моделью (ng-model) и отключил каждый выбор, когда модели двух других не равны нулю. Что-то вроде (для select_1):

...ng-if="!select_2_Value && !select_3_Value"...
person FDavidov    schedule 20.06.2016