Angularjs 获取ion复选框值的方法
我正在尝试从复选框中获取值,以便绑定它。 但我一直在用条件(对还是错)来理解它 当我单击复选框时,它会将我的模型设置为: [9:正确,15:正确] 我想要的是一个平面阵列,如: [9,15] 是否有更好的方法从复选框中获取值并在模型的数组中设置它们Angularjs 获取ion复选框值的方法,angularjs,ionic-framework,Angularjs,Ionic Framework,我正在尝试从复选框中获取值,以便绑定它。 但我一直在用条件(对还是错)来理解它 当我单击复选框时,它会将我的模型设置为: [9:正确,15:正确] 我想要的是一个平面阵列,如: [9,15] 是否有更好的方法从复选框中获取值并在模型的数组中设置它们 {{model.model_number} 当前顺序:{{order} .controller('compareModelsCtrl'、['$scope'、'$http'、'$state', 函数($scope、$http、$state、$loca
{{model.model_number}
当前顺序:{{order}
.controller('compareModelsCtrl'、['$scope'、'$http'、'$state',
函数($scope、$http、$state、$location){
$http.get('js/data.json').success(函数(数据){
$scope.models=数据;
$scope.whichmodel=$state.params.modelId;
//$scope.toggleStar=函数(模型){
//model.star=!model.star;
//}
$scope.order={};
默认情况下,Ionic framework不会这样做。您需要自定义函数,例如下面代码中的格式
。因为我没有您的数据.json
文件,所以我模拟了双离子复选框
<ion-content ng-controller="LoginCtrl">
<ion-checkbox ng-model="order[0]" ng-change="format()" >1 </ion-checkbox>
<ion-checkbox ng-model="order[1]" ng-change="format()" >2</ion-checkbox>
current order: {{modifiedOrder}}
</ion-content>
您以前的订单是modifiedOrder
请参见此处的工作代码。
祝你好运!
在Html文件中
<ion-content padding>
<ion-input type="text" placeholder="What's Your groups name?"></ion-input>
<ion-list>
<ion-item *ngFor="let friend of friendList">
<ion-label>{{friend.name}}</ion-label>
<ion-checkbox [(ngModel)]="friendsSelected[friend.name]"></ion-checkbox>
</ion-item>
</ion-list>
<button ion-button (click)="save()">Save</button>
</ion-content>
id“:“0”,“型号”:“BT168562.3”,“转子图纸”;“4.01591”,材料“:“17-4 PH”,“叶数”;“5/6”,“轮廓长度”:51.00,“总长度”:55.00,我在数据json中有100个id,我如何将它们放在ng model=“order[]”谢谢,它是这样工作的{model.model\u number}当前顺序:{{modifiedOrder}}好的,太好了!愉快的编码。你好,Dinesh,我正在尝试显示其他值,带有来自datajson的id以及id,这里还有另一个信息,你能帮我吗
angular.module('ionic.example', ['ionic'])
.controller('LoginCtrl', function($scope) {
$scope.order={};
$scope.format=function(){
$scope.modifiedOrder=[];
angular.forEach($scope.order, function(value, key) {
if(value){
$scope.modifiedOrder.push(parseInt(key));
}
});
}
});
<ion-content padding>
<ion-input type="text" placeholder="What's Your groups name?"></ion-input>
<ion-list>
<ion-item *ngFor="let friend of friendList">
<ion-label>{{friend.name}}</ion-label>
<ion-checkbox [(ngModel)]="friendsSelected[friend.name]"></ion-checkbox>
</ion-item>
</ion-list>
<button ion-button (click)="save()">Save</button>
</ion-content>
friendsSelected:any={};
save(){
var array = [];
for(var i in this.friendsSelected) {
console.log(this.friendsSelected[i]);
if(this.friendsSelected[i] == true) {
array.push(i);
}
}
console.log(array);
}