html - AngularJS: 最初の選択ドロップダウンの選択に基づいて 2 番目の選択ドロップダウンを設定します

Question

一連の選択ドロップダウン メニューがあり、angularJS の最初の選択ドロップダウンの選択に基づいて、2 番目の選択ドロップダウンを設定しようとしています。これを実際に開始する方法がわかりません。

私はすべてのモデルの準備ができていますが、動的な母集団に苦労しています。

1 を選択:

    <select ng-model="selectedSource" ng-options="source.name for source in sourceList">
       <option value="">-- Select item --</option>
    </select>

$scope.sourceList= [
    {
       "name":"Person",
       "has": ["a","b","c"]
    },
    {
       "name":"Car",
       "has": ["1","2","3"]
    }
];

達成しようとしていること:

2番目の選択ドロップダウンにデータを入力sourceList.nameするときPersontargerSet1

$scope.targerSet1= [
   {
      "name":"King Julien"
   }
];

2番目の選択ドロップダウンにデータを入力sourceList.nameするときCartargerSet2

$scope.targerSet2= [
   {
      "name":"RoyalMobile"
   }
];