2016-05-12 16 views
0

ラジオボタンにオブジェクト値をバインドしようとしています。私のコントローラは以下の通りです。ANgular jSラジオボタンモデルの更新

var app = angular.module('myApp', []) 
.controller('TestController',function($scope){ 
$scope.persons = [{ name: 'JOHN', isActive: false }, { name: 'Peter',  isActive: true }, { name: 'Sam', isActive: false }]; 
}) 

私は再びモデルをfalseに更新されていない]をクリックした場合、私はその後オプションボタンモデル(trueに変更のisActive)を初めてをクリックします。

https://jsfiddle.net/nuL4heut/

+0

ここでHTMLを比較します。https:// docs.angularjs.org/api/ng/input/input%5Bradio%5D –

+0

Andrew、ありがとうございましたドキュメントごとにレコードを表示でき、ラジオボタンで真と偽の表示が正しく表示されます。私は "john"というモデルを選択しますtrueに更新されます。次に、ピーターを選択した場合、以前のモデルはfalseに更新されません。 – user2107843

答えて

0

あなたは私が何が変わった私がここに https://jsfiddle.net/nuL4heut/25/

あなたのコード内で行った変更を確認することができます。 ng-modelの代わりにng-checkを使用すると、両方とも動作しますが、ng-checkは読みやすく、ラジオボタンをチェックしたときにオブジェクト内で変更されません。

ラジオボタンをクリックしたときにトリガーされるupdatePersonという関数が、選択したユーザーのアクティブなステータスをtrueに変更し、以前に選択したものをfalseに変更します。

+0

ドルイド、ありがとうございました。ngmodelには機能があると思っていました。ng-modelは、値がtrueの場合、ng-checkはラジオボタンを選択しません.ngmodelとvalue = "true"を使用する必要があります – user2107843

+0

あなたは歓迎です、 'ng-check'ラジオボタンを選択すると、その中の条件が満たされたとき – amrdruid

関連する問題