如何讓多個複選框使用相同的ng模型？

Question

我正在使用Ionic框架進行移動應用程序開發。我使用相同的ng模型設置了多個複選框，因此當我單擊一個複選框時，應該單擊所有三個複選框。但值不存儲。但我希望普通的HTML複選框（即）存儲在我的數據庫中的相同字段中的值用逗號分隔。

<label class="item item-input item-floating-label">Gender</label> 
<input type="checkbox" ng-model="data.days" value="sunday">sunday 
<input type="checkbox" ng-model="data.days" value="monday">monday 

Answer 1

創建一個對象並將其用作ng-model。

入住此plunker：

https://plnkr.co/edit/YHJDbU24BIaSrmlDTrZy?p=preview

我想這是你想要的。

Answer 2

我得到了一天的單一ng模型。

示例代碼

<div ng-repeat="day in days1" class="week_days"> 
     <ion-checkbox ng-model="day.select" style="border:none">{{day.name}}</ion-checkbox> 
    </div> 

控制器側

$scope.days = [{ 
      "id": 1, 
      "name": "Mon", 
      "select": true 
     }, { 
      "id": 2, 
      "name": "Tue", 
      "select": true 
     }, { 
      "id": 3, 
      "name": "Wed", 
      "select": true 
     }, { 
      "id": 4, 
      "name": "Thu", 
      "select": true 
     }, { 
      "id": 5, 
      "name": "Fri", 
      "select": true 
     }, { 
      "id": 6, 
      "name": "Sat", 
      "select": true 
     }, { 
      "id": 0, 
      "name": "Sun", 
      "select": true 
     }]; 

上面的代碼是默認所有複選框被選中時點擊複選框，然後自動改性天對象。