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。我想弄清楚如何使用离子按钮检查复选框是否已选中，因此是真的，并在单击按钮时将该更改提交到$ scope.todo。

Answer 1

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

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

请参阅以下链接

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

如何使用Ionic Button提交Checkbox值的更改

1 个答案: