[英]How to make a validation working for at least one checkbox being selected in Ionic Checkbox
我有一個正在運行的Ionic框架,並嘗試驗證至少選中了1個復選框,但不確定如何做到這一點。 “必需”屬性似乎僅適用於需要選中的所有復選框。
<label class="item item-input">routines</label>
<ion-checkbox name="routine" ng-repeat="item in routines"
ng-model="item.checked"
ng-checked="item.checked"
ng-required="true">
{{ item.name }}
</ion-checkbox>
感謝您的反饋
謝謝
控制器:
.controller('AppCtrl', function($scope) {
$scope.Routines = [
{name:'Routines1', selected:false},
{name:'Routines2', selected:false},
{name:'Routines3', selected:false},
{name:'Routines4', selected:false},
{name:'Routines5', selected:false},
{name:'Routines6', selected:false},
{name:'Routines7', selected:false}
];
$scope.selectedRoutines = [];
$scope.updateRoutines = function(item){
console.log("array : " + JSON.stringify(item.selected));
if(item.selected && ($scope.selectedRoutines.indexOf(item.name) < 0)){
$scope.selectedRoutines.push(item.name);
console.log("added : " + $scope.selectedRoutines);
}else{
$scope.selectedRoutines.splice($scope.selectedRoutines.indexOf(item.name), 1);
console.log("remove : " + $scope.selectedRoutines);
}
};
});
HTML
<div class="item-accordion"
ng-repeat="item in Routines track by $index">
<ion-item class="item item-checkbox">
<label class="checkbox">
<input type="checkbox" ng-model="item.selected" ng-change="updateRoutines(item)">
</label>
{{item.name}}
</ion-item>
</div>
驗證:您可以檢查$scope.selectedRoutines
大小
希望這可以有所幫助..!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.