2017-10-12 18 views
0

ユーザのリストを表示しようとしています。私は、名前、姓、電子メール、ラジオボタンの最後の属性を持つ無効な入力を使用する必要があります。 名前とメールのリストを簡単に表示できますが、正常にチェックされたボタンを表示できませんでした。 ng-initディレクティブを使用しようとしましたが、これは動作しません。AngularJs:ラジオボタンのng-init

  <div ng-repeat="user in displayUsers" class="text-black form-inline"> 
      <input type="text" value="{{user.nom}}" class="form-control" disabled> 
      <input type="text" value="{{user.prenom}}" class="form-control" disabled> 
      <input type="text" value="{{user.email}}" class="form-control" disabled> 
      <span ng-init="response={{user.response}}"> 
       <input type="radio" class="radio-inline" name="" value="1" ng-model="response" disabled>En attente 
       <input type="radio" class="radio-inline"name="" value="2" ng-model="response" disabled>Oui 
       <input type="radio" class="radio-inline" name="" value="3" ng-model="response" disabled>Non   
      </span> 
     </div> 

答えて

0

これはngInitのためではなく、ngInitも必要ありません。 ngModelは使用中で、ラジオボタンがチェックされているかどうかを制御する必要があります。モデル値が常に適切な値を持っていることを確認してください。モデル値が単純な文字列でない場合は、ngValueを使用して、ラジオボタンがチェックされるモデルの値を指定できます。

<span> 
    <input type="radio" class="radio-inline" name="" ng-value="1" ng-model="user.response" disabled>En attente 
    <input type="radio" class="radio-inline"name="" ng-value="2" ng-model="user.response" disabled>Oui 
    <input type="radio" class="radio-inline" name="" ng-value="3" ng-model="user.response" disabled>Non   
</span> 
+0

これは私が試した最初のものですが、うまくいきませんでした。私はモデルの値の型が問題かもしれないと思う。 – Nagah

+0

「value」属性だけでなく、 'ng-value'を使ったことに注意してください。値が整数の場合、 'value'は常に文字列として扱われるため、' value'を使用することはできません。 –

+0

それを傷つける。数値の場合、 'value'はまだ動作するはずです。 'user.response'の実際の値をチェックする必要があります。あなたが期待しているものではないかもしれません。 –

関連する問題