簡體   English   中英

角度單選復選框

[英]Angular Single Select checkbox

我有以下HTML,其中的ng-repeat內有一個復選框

<table>
  <tr ng-repeat="address in contactInfo.Addresses">
    <td>{{address.DisplayType}}</td>
    <td>{{address.AddressLine1}}</td>
    <td>{{address.AddressLine2}}</td>
    <td>{{address.City}}</td>
    <td>{{address.State}}</td>
    <td>{{address.Zip}}</td>
    <td>
      <input type="checkbox" ng-model="address.ClientDefault" ng-checked="{{address.ClientDefault}}" ng-click="updateAddressSelection($index, contactInfo.Addresses)" />
    </td>
    <td><i class="fa fa-envelope-square"></i></td>
  </tr>
</table>

當我運行updateAddressSelection函數時

$scope.updateAddressSelection = function(position, address) {
  angular.forEach(address, function(address, index) {
    if (position != index) {
      address.ClientDefault = false;
    }
  });
};

它不會從使用ng-checked默認標記的原始復選框中刪除該復選框。 重復的json對象如下所示。

{
  "ID": 6,
  "DisplayType": "Other",
  "AddressLine1": "123 test st",
  "AddressLine2": "",
  "City": "madeupville",
  "State": "MO",
  "Zip": "63123",
  "AddressType": 3,
  "Linked": 0,
  "ClientDefault": "true",
  "HouseholdDefault": 0
}

我如何才能將最初標記的復選框也單擊刪除。 除了未清除默認復選框外,它運行正常。

請用什么參數寫您運行updateAddressSelection方法。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM