HTMLと角度：選択は他の選択に依存します

私は角度に関する質問をしています。私はこれらの2つの選択フィールドを持っていますし、最初の選択フィールドの選択されたオプションで2番目の選択フィールドの結果をフィルタリングしたいと思います。 A1とA2はテキストのみです。 secObjもです。したがって、最初にA1が選択された場合、選択フィールド2では、モデル名A2のすべてのモデルが結果に含まれます。HTMLと角度：選択は他の選択に依存します

私はインターネットの多くの情報源を試しましたが、何も機能しませんでした。

ありがとうございました！

<div class="test"> 
     <select class="form-control" name="testA" id="123"> 
      <option>A1</option> 
      <option>A2</option> 
     </select> </div> 

<div class="test2"> 

    <select class="form-control" name="testB" id="456"> 

     <option *ngFor="let model of models| filter: {modelname: ?? A1. or A2 ??} ;trackBy: trackId "> {{model.id}} 

    </option> 

</select></div>

出典

2017-12-16 KSV97

あなたは自分の 'models'配列がどのように見えるか投稿してもらえますか？ – Alex

angular.module('myApp', []) 
 
    .controller('myCtrl', ['$scope', function($scope) { 
 
     $scope.item = ['A1','A2','A3'] 
 
     \t $scope.selected_item = 'A1' 
 
     $scope.sub_item = {'A1':[1,2,3,4,5],'A2':[4,5,6],'A3':[5,7,8]} 
 
\t \t $scope.slected_sub_item \t = $scope.sub_item[$scope.selected_item] 
 
\t \t $scope.selected_sub_item_selected = $scope.slected_sub_item[0] 
 
     $scope.update= function(key) { 
 
     \t $scope.selected_item = key; 
 
\t \t \t $scope.slected_sub_item = $scope.sub_item[$scope.selected_item] 
 
\t \t \t $scope.selected_sub_item_selected = $scope.slected_sub_item[0] 
 
\t \t \t 
 
     }; 
 
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
<select ng-options="val for val in item" ng-change="update(selected_item)" ng-model="selected_item"></select> 
 
<select ng-options="val for val in slected_sub_item" ng-model="selected_sub_item_selected"></select> 
 
</body>

出典

2017-12-16 14:03:32

ありがとうございます。簡単にすることは可能ですか？ – KSV97

Play with Object..itはより多くの作業を簡略化します。これは簡単な方法です –

私はOPが角度2+のように見えるテンプレートを投稿したと思っています –

HTMLと角度：選択は他の選択に依存します

答えて

関連する問題