2017-10-12 55 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

注意我使用了'ng-value'而不僅僅是'value'屬性。如果該值是一個整數,那麼它將不會使用'value',因爲它總是被視爲一個字符串。 –

+0

劃痕。對於數字,「價值」應該仍然有效。你應該檢查'user.response'中的實際值。這可能不是你所期待的。 –