ng-repeatによって作成された入力の値を取得

ラジオボタンの入力を作成しましたが、選択した入力の値を取得するのに苦労しました。ng-repeatによって作成された入力の値を取得

これは私が選択した値をとり、パラメータとして関数にそれを送りたい

<ul ng-repeat="item in riskModel"> 
    <li> 
     <input type="radio" name="rdbRisk" ng-value="{{item.value}}" /> 
     {{item.text}} 
    </li> 
</ul>

と、このコントローラ

$scope.riskModel = [ 
     { id: 0, text: "A", value: "" }, 
     { id: 1, text: "B Risk", value: "YR" }, 
     { id: 2, text: "C Risk", value: "OR" }, 
     {id:3,text:"D Risk",value:"DR"} 
    ]

でNG-モデルdefinitonを作成したラジオボタン入力でありますしかしこれまでのところ私は結果を得ることができませんでした。いけない入力で表現{{}}を使用

出典

2016-09-22 Ege Bayrak

'NG値= "{{item.value}}" は、' 'NG値="項目であるべきであるようにあなたのng-model変数を宣言.value "' – taguenizy

オブジェクト$scope.radioModel = {};

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('GreetingController', ['$scope', function($scope) { 
 
    //$scope.radioModel = {}; 
 
    $scope.riskModel = [ 
 
     { id: 0, text: "A", value: "" }, 
 
     { id: 1, text: "B Risk", value: "YR" }, 
 
     { id: 2, text: "C Risk", value: "OR" }, 
 
     {id:3,text:"D Risk",value:"DR"} 
 
    ] 
 
    $scope.changeValue = function(value){ 
 
    console.log(value.selected); 
 
    } 
 
    
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="myApp"> 
 
    <div ng-controller="GreetingController" ng-init="radioModel={}"> 
 
    Get selected value : {{radioModel.selected}} 
 
    <ul ng-repeat="item in riskModel"> 
 
    <li> 
 
     <input type="radio" ng-model="radioModel.selected" name="rdbRisk" ng-value="item.value" ng-change="changeValue(radioModel)"/> 
 
     {{item.text}} 
 
    </li> 
 
</ul> 
 
</div> 
 
</body>

出典

2016-09-22 11:33:58

私はコンソールに値を書いています。しかし、ラジオボタンを2回目にクリックすると、値はコンソールに書き込まれません。 –

@EgeBayrak私の例を試してください –

@EgeBayrakコントローラで選択された値を取得するには、ngChangeを使用する必要があります。選択したラジオの値を取得するには、コンソールもあります。あなたはまだ何か問題に直面している場合は教えてください。 –

、

<input type="radio" name="rdbRisk" ng-value="item.value" />

DEMO

最良のオプションは、NG-モデルを使用し、選択された値を取得することで、

<input type="radio" ng-model="selected" name="rdbRisk"  ng-click="display(selected)" />

DEMO

出典

2016-09-22 11:27:45 Sajeetharan

しかし、私はまだ入力値を取る方法を知らない。 ng-changeのようなものを使用しますか？それがng-repeat tbhの内部で動作するかどうかはわかりません。 –

@EgeBayrak ng-clickを使用 – Sajeetharan

@EgeBayrakは動作しましたか？ – Sajeetharan

あなたは忘れたng-model

<input type="radio" ng-model="selectedValue" name="rdbRisk" ng-value="item.value" />

your working exampleを示し$scope.selectedValue

出典

2016-09-22 11:31:55 taguenizy

フィドルとコントローラでのアクセス：あなたのinputオン

、あなたの選択を保存する場所もあり、周囲を削除しますng-modelを追加{{}}の{{item.value}}。

<li> 
    <input type="radio" 
     ng-model="mySelection.selected" 
     name="rdbRisk" 
     ng-value="item.value" /> 
    {{item.text}} 
</li>

出典

2016-09-22 11:33:19 Nix

ng-repeatによって作成された入力の値を取得

答えて

関連する問題