私のテキストボックスはこのように見えます
<input type="number" ng-model="obj.celcius" min="0" max="100" >
2つのラジオボタンがあります
<input type="radio" ng-model="obj.selection" value="celcius">
<input type="radio" ng-model="obj.selection" value="farheneit">
ユーザーが farheneit ラジオ ボタンをクリックすると、テキスト ボックスの ng-model を obj.farheneit に変更します。どうすればこれを達成できますか? テキストボックスの最小値と最大値も更新したいと思います。
で試してくださいobj[obj.selection]
。
以下のコード スニペットを参照してください。
angular.module("app", [])
.controller("myCtrl", function($scope) {
$scope.obj = {
selection: 'celcius',
celcius: 1,
farheneit: 2
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
<input type="number" ng-model="obj[obj.selection]" min="0" max="100" >
<input type="radio" ng-model="obj.selection" value="celcius">
<input type="radio" ng-model="obj.selection" value="farheneit">
{{obj.selection}}
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加