如何設置從角度控制器中選擇的單選按鈕

Question

我堅持非常簡單的事情。我正在使用ng-repeat來創建繼承按鈕。如果billing.defaultBilling中的值爲真，我想設置單選按鈕。請幫助解決這個問題。 我的代碼如下。

<li ng-repeat= "billing in CCInfoArray"> 
    <div class="pull-left"> 
     <div class="textLeft mSans500 font16"> 
      <input type="radio"><span class="ng-binding">CreditCard ending with {{ billing.displayCC }} {{ billing.defaultBilling}} </span> 
     </div> 
    </div> 
</li> 

我的控制器代碼是factory.BillingInfo() .success(function (billingInfo) { for(var i = 0; i< billingInfo.list.length; i++){ $scope.CCInfoArray.push({ "billingIde":billingInfo.list[i].billingId, "defaultBilling":billingInfo.list[i].defaultBilling }); }

它很容易與jQuery，但如何與角度做到這一點？

Answer 1

在你的情況下，它會是這樣的：

<li ng-repeat= "billing in CCInfoArray"> 
    <div class="pull-left"> 
     <div class="textLeft mSans500 font16"> 
      <input type="radio" ng-model="billing.defaultBilling" value="true"><span class="ng-binding">CreditCard ending with {{ billing.displayCC }} {{ billing.defaultBilling}} </span> 
     </div> 
    </div> 
</li> 

https://docs.angularjs.org/api/ng/input/input%5Bradio%5D