ラジオボタンでラジオのドロップダウンメニューをバインドするにはどうすればいいですか？

ドロップダウンメニューをラジオボタンと同期させるにはどうすればいいですか？1つのボタンをチェックすると、ドロップダウンメニューは同じオプションで動的に変更されますか？ラジオボタンでラジオのドロップダウンメニューをバインドするにはどうすればいいですか？

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.colors = [ 
 
     {model : "Red"}, 
 
     {model : "Green"}, 
 
     {model : "Blue"}, 
 
     {model : "Purple"} 
 
    ]; 
 
});

<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"> 
 

 
<p>What is your favorite color?</p> 
 

 
<select ng-model="selectedColor" ng-options="x.model for x in colors"> 
 
</select> 
 
<input type="radio" ng-model="colors.model" value = "{{selectedColor.model}}"> Red 
 
<input type="radio" ng-model="colors.model" value = "{{selectedColor.model}}"> Green 
 
<input type="radio" ng-model="colors.model" value = "{{selectedColor.model}}"> Blue 
 
<input type="radio" ng-model="colors.model" value = "{{selectedColor.model}}"> Purple 
 

 
</div> 
 

 
</body> 
 
</html>

おかげ

出典

2016-10-04 blooddrunk

とも – blooddrunk

だからあなたがドロップダウンメニューの値を変更したいVICEVERSAがラジオボタンに依存し、それらの時計に他の更新します値？ –

https://docs.angularjs.org/api/ng/directive/ngValueを確認しましたか？ – Wandrille

一つの方法は、あなたが、対応する値はラジオのためにすべきであり、それは、配列内のオブジェクトであるものを通して考えたい意味同じng-modelを使用している

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.colors = [ 
 
     {model : "Red"}, 
 
     {model : "Green"}, 
 
     {model : "Blue"}, 
 
     {model : "Purple"} 
 
    ]; 
 
});

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

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
<p>What is your favorite color?</p> 
 

 
<select ng-model="selectedColor" ng-options="x.model for x in colors"> 
 
</select> 
 
<input name='rad' type="radio" ng-model="selectedColor" ng-value="colors[0]"> Red 
 
<input name='rad' type="radio" ng-model="selectedColor" ng-value="colors[1]" > Green 
 
<input name='rad' type="radio" ng-model="selectedColor" ng-value="colors[2]"> Blue 
 
<input name='rad' type="radio" ng-model="selectedColor" ng-value="colors[3]"> Purple 
 

 
</div>

の他のいくつかのアプローチがそれぞれに使用ng-changeことや他の内部の機能を更新する、または別のng-modelに時計を使用して

出典

2016-10-04 16:24:29 charlietfl

どのように入力ボックスを追加することができますユーザーはどこで自分の選択を入力できますか？ユーザーのタイプ2が緑、紫色などの場合それに応じてラジオボタンとドロップダウンメニューを変更しますか？ – blooddrunk

ラジオボタンでラジオのドロップダウンメニューをバインドするにはどうすればいいですか？

答えて

関連する問題