將單選按鈕綁定到兩個角度不同的字段

需要單選按鈕的幫助。我怎樣才能綁定2個單選按鈕是針對一個特定的問題，但在數據庫中使用2個不同的字段。例如，有一個問題有一個是/否的答案。肯定答案綁定到一個字段，而不答覆另一個字段，它們不綁定到具有真實，錯誤值的單個字段。將單選按鈕綁定到兩個角度不同的字段

  <div class="radio-s"> 
      <input type="radio" ng-value="true" data-name="use_plan" 
        data-value="true" ng-model="record.offer_plan" /> 
      <label>Yes</label> 
     </div> 
     <div class="radio-s"> 
      <input type="radio" ng-value="false" data-name="use_plan" 
        data-value="true" ng-model="record.offer_plan" />      
    <label>No</label> 
     </div>

在此先感謝。

來源

2017-02-09 Aris

我覺得你在這裏混合不同的東西。你的角模板和控制器的工作方式與數據庫中的數據結構無關 – LionC

我的問題是，我如何將相同的單選按鈕列表綁定到不同的模型值。如上例所示，在更正確的情況下，是/否值將被綁定到一個模型值。 – Aris

連接的name屬性到這兩個單選按鈕，以便只有一個可以一次選擇，並將它們從你的數據庫

 <div class="radio-s"> 
      <input type="radio" name="planGroup" ng-value="true" data-name="use_plan" 
        data-value="true" ng-model="record.offer_plan_yes" /> 
      <label>Yes</label> 
     </div> 
     <div class="radio-s"> 
      <input type="radio" name="planGroup" ng-value="false" data-name="use_plan" 
        data-value="true" ng-model="record.offer_plan_no" />      
     <label>No</label> 
     </div>

來源

2017-02-09 14:20:02 RRM

謝謝，但它不工作。它根本不更新模型。 – Aris

綁定到相應字段下面是關於plunker的little example。

<body ng-controller="MainCtrl" ng-init="model1='S'; model2='S' "> 
<p>Test</p> 

<div class="radio-s"> 
<input type="radio" ng-value="Yes" ng-checked="model1 === 'S'" data- name="use_plan" ng-model="model1" /> 
<label>Yes</label> 
</div> 
<div class="radio-s"> 
<input type="radio" ng-value="No" ng-checked="model2 === 'N'" data-name="use_plan" ng-model="model2" /> 
<label>No</label> 
</div> 

<br/> Model1 = {{model1}} 
<br/> Model2 = {{model2}} 
</body>

來源

2017-02-09 14:50:33 rcoro

同樣在這裏不工作，因爲它應該。 – Aris

使用值代替ng值 – rcoro

將單選按鈕綁定到兩個角度不同的字段

回答

相關問題