AngularJSの比較3の選択ボックスの値

-2

私は3つの選択ボックスを持つAngularJsの例を作成しています。ユーザーが最初の選択ボックスで最初のオプションを選択すると、2と3の選択ボックスに同じものが表示されません。AngularJSの比較3の選択ボックスの値

たとえば、Men、Women、Child。だから私が最初の選択ボックスで男性を選択した場合、2と3の選択ボックスに来てはならない。

ガイドして助けてください。以下は私のコード

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script> 
<body> 

<div ng-app="myApp" ng-controller="myCtrl"> 
    <select ng-model="carModel1" > 
    <option value="">Select</option> 
    <option ng-repeat="car in carList" value="{{car.modelNo}}" ng-show="car.isShow"> {{car.modelName}}</option> 
</select> 

    <select ng-model="carModel2" > 
<option value="">Select</option> 
<option ng-repeat="car in carList" value="{{car.modelNo}}" ng-show="car.isShow"> {{car.modelName}}</option> 
</select> 
<select ng-model="carModel3" > 
<option value="">Select</option> 
<option ng-repeat="car in carList" value="{{car.modelNo}}" ng-show="car.isShow"> {{car.modelName}}</option> 
</select> 
</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
$scope.carList = [ 
    {isShow: true, modelName: "Fiesta", modelNo: "447"}, 
    {isShow: true, modelName: "Maruti", modelNo: "442"}, 
    {isShow: true, modelName: "Escape", modelNo: "445"} 
]; 
}); 
</script> 


</body> 
</html>

出典

2017-03-14 Andy

があなたのコードを共有してくださいしてみています。 –

あなたがどこかでつかまった場合、何らかの実験をしてください。 –

関数を作成し、最初の選択ボックスのng-blurと呼び、その関数内の他のselectタグのリストを変更する必要があります。コードを共有して、誰かがもっと助けることができるようにしてください。 –

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="myCtrl"> 
<select ng-model="selectedName" ng-options="x for x in names"> 
</select> 

<select ng-model="selectedName1"> 
<option ng-repeat="x in names" ng-if="x !== selectedName">{{x}}</option> 
</select> 

</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.names = ["men", "women", "children"]; 

}); 
</script> 

<p>This example shows how to fill a dropdown list using the ng-options directive.</p> 

</body> 
</html>

この

出典

2017-03-14 06:03:27

AngularJSの比較3の選択ボックスの値

答えて

関連する問題