Зависимый раскрывающийся список с использованием nya-bootstrap-select

Я использую nya-bootstrap-select с AngularJs, ниже приведен мой сценарий и примеры данных.

 $scope.ports = [


{


"row_id": 1,


"name": "Port1",


"terminals": [


{"row_id": 1, "name": "1A"},


{"row_id": 2, "name": "1B"},


{"row_id": 3, "name": "1C"}


]


},


{


"row_id": 2,


"name": "Port2",


"terminals": [


{"row_id": 4, "name": "2A"},


{"row_id": 5, "name": "2B"},


{"row_id": 6, "name": "2C"}


]


} 

Код (JavaScript):

• Первый раскрывающийся список должен содержать порты, а второй — терминалы.
  
• Как только я выберу порт в первом раскрывающемся списке, во втором раскрывающемся списке должны отображаться только терминалы выбранного порта.
  
• Если модель каждого раскрывающегося списка уже имеет определенные row_ids, соответствующий параметр должен быть выбран автоматически.
  

Я мог бы достичь первых двух пунктов, но застрял на третьем пункте. Для достижения этой цели я использовал множество обходных путей. Пожалуйста, помогите мне, если есть проверенное решение. Я много искал в Интернете, но безуспешно.

Напишите это как AJAX.



После того, как первый раскрывающийся список выбран, отправьте серверу выбор и попросите сервер решить, следует ли выбирать второй раскрывающийся список или нет, затем отправьте клиенту обратно код для раскрывающегося списка (или попросите клиента написать второй раскрывающийся список на основе результата). первого, если вы можете следовать коду, который вы пишете таким образом).