javascript - 如何使用 Ionic Button 提交复选框值的更改

Question

所以我用它来显示待办事项列表:

 <ion-item class="item-divider">To Do</ion-item>
 <ion-checkbox  ng-repeat="todo in todos" ng-if="!todo.completed" 
 [(ngModel)]="todo.completed">
 <ion-label>{{todo.name}}</ion-label>
 </ion-checkbox>

从这里开始:

function ($scope, $stateParams) {

$scope.todos = [
            {name:"Clean out fridge" , completed:false},
            {name:"Change sheets on all the beds" , completed:false},
            {name:"Mop Floors" , completed:false}
           ];


      }

然后，当待办事项被标记为“completed:true”时，它会进入此列表:

<ion-item class="item-divider"> Completed</ion-item>
<ion-item class="item-icon-left balanced" ng-repeat="todo in todos" ng-
if="todo.completed" [(ngModel)]="todo.completed">
<i class="icon ion-checkmark-circled"></i><ion-label>{{todo.name}}
</ion-label></ion-item>

但是此时，只有我进入 $scope.todos 并将完成状态从 false 更改为 true 才有效。我试图弄清楚如何使用 ionic 按钮来检查复选框是否已选中，因此是否为真，并在单击按钮时将该更改提交到 $scope.todo。

Answer 1

您可以尝试使用 ng-model-options，因为您需要在表单中添加控件并使用提交类型按钮。在表单中使用 ng-model-options 通过添加以下属性来更新提交时的模型

ng-model-options="{ updateOn: 'submit' }"

请引用以下链接

https://codepen.io/scottmetoyer/pen/JozErN