ラジオ値の変更時にテキストボックスの ng-model を変更するには?

juria_roberts

私のテキストボックスはこのように見えます

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

編集
0

コメントを追加

0

関連記事

分類Dev

角度-uiui-カレンダーがイベントソースオブジェクト/ ng-modelの変更時に更新されない

分類Dev

ng-repeatのチェックボックスに必要な属性がある場合、Angularng-modelはundefinedに変更されます

分類Dev

selectを変更せずに関数に渡す<select>の初期ng-model値を設定するにはどうすればよいですか?

分類Dev

AngularJsのmutilpeテキストフィールドのng-repeat内にng-modelを実装する方法は?

分類Dev

ng-modelはすべての選択を一度に変更します

分類Dev

ng-modelの変更に関するangularjsの変更ビュー

分類Dev

角度変換のパラメータ値の一部として「<」または「>」を使用し、テキスト領域にng-modelとして表示する

分類Dev

ng-modelを動的にする方法は?

分類Dev

ng-repeatループ内のng-modelを変更します

分類Dev

ng-repeatループ内のng-modelを変更します

分類Dev

ng-modelにバインドする値を変更しても、入力テキストの値は変更されません

分類Dev

javascript変数getがng-modelの変更に反映されるのはなぜですか?

分類Dev

ラジオボタンの変更時にテキストの値を保存する(jquery)

分類Dev

Angularjs-ng-modelを使用してコントローラーから動的に生成されたテキストボックスに値を割り当てない

分類Dev

Angular Changeは、ng-modelを使用して動的にdivの可視性を変更します

分類Dev

カスタムAngularディレクティブでng-modelスコープ値を変更するにはどうすればよいですか?

分類Dev

ng-modelが変更されたが明示的にではない場合にng-changeを呼び出す方法

分類Dev

子の値をng-modelから変更する

分類Dev

ng-modelが別のオブジェクトのプロパティ値を変更する際の問題

分類Dev

動的選択ボックスの変更時にテキストボックスに値を追加する

分類Dev

チェックボックスの変更時にテキストボックスの値を追加/削除する

分類Dev

ng-modelのデータを操作せずに、AngularJSのテキストボックス内の値をクリアします

分類Dev

コンテンツに基づいてng-repeat内の入力のng-modelを変更する

分類Dev

ng-repeatを介して変更された後、ng-modelオブジェクトに新しいプロパティを追加します

分類Dev

Angular js入力ボックスng-modelを変更せずに渡す方法は?

分類Dev

チェックボックスチェックボックスはng-modelを変更しません

分類Dev

Angular 5:* ngのデータラジオボタンをクリックした後に変更する場合

分類Dev

ラジオボタンがチェックされているときにテキストボックスの値を取得し、テキストボックスの値に基づいてラジオボタンの値を変更します

分類Dev

ng-repeatの外部でng-model値にアクセスする方法は?

Related 関連記事

  1. 1

    角度-uiui-カレンダーがイベントソースオブジェクト/ ng-modelの変更時に更新されない

  2. 2

    ng-repeatのチェックボックスに必要な属性がある場合、Angularng-modelはundefinedに変更されます

  3. 3

    selectを変更せずに関数に渡す<select>の初期ng-model値を設定するにはどうすればよいですか?

  4. 4

    AngularJsのmutilpeテキストフィールドのng-repeat内にng-modelを実装する方法は?

  5. 5

    ng-modelはすべての選択を一度に変更します

  6. 6

    ng-modelの変更に関するangularjsの変更ビュー

  7. 7

    角度変換のパラメータ値の一部として「<」または「>」を使用し、テキスト領域にng-modelとして表示する

  8. 8

    ng-modelを動的にする方法は?

  9. 9

    ng-repeatループ内のng-modelを変更します

  10. 10

    ng-repeatループ内のng-modelを変更します

  11. 11

    ng-modelにバインドする値を変更しても、入力テキストの値は変更されません

  12. 12

    javascript変数getがng-modelの変更に反映されるのはなぜですか?

  13. 13

    ラジオボタンの変更時にテキストの値を保存する(jquery)

  14. 14

    Angularjs-ng-modelを使用してコントローラーから動的に生成されたテキストボックスに値を割り当てない

  15. 15

    Angular Changeは、ng-modelを使用して動的にdivの可視性を変更します

  16. 16

    カスタムAngularディレクティブでng-modelスコープ値を変更するにはどうすればよいですか?

  17. 17

    ng-modelが変更されたが明示的にではない場合にng-changeを呼び出す方法

  18. 18

    子の値をng-modelから変更する

  19. 19

    ng-modelが別のオブジェクトのプロパティ値を変更する際の問題

  20. 20

    動的選択ボックスの変更時にテキストボックスに値を追加する

  21. 21

    チェックボックスの変更時にテキストボックスの値を追加/削除する

  22. 22

    ng-modelのデータを操作せずに、AngularJSのテキストボックス内の値をクリアします

  23. 23

    コンテンツに基づいてng-repeat内の入力のng-modelを変更する

  24. 24

    ng-repeatを介して変更された後、ng-modelオブジェクトに新しいプロパティを追加します

  25. 25

    Angular js入力ボックスng-modelを変更せずに渡す方法は?

  26. 26

    チェックボックスチェックボックスはng-modelを変更しません

  27. 27

    Angular 5:* ngのデータラジオボタンをクリックした後に変更する場合

  28. 28

    ラジオボタンがチェックされているときにテキストボックスの値を取得し、テキストボックスの値に基づいてラジオボタンの値を変更します

  29. 29

    ng-repeatの外部でng-model値にアクセスする方法は?

ホットタグ

アーカイブ