离子框架中的多个复选框

Question

我是 ionic 框架的新手。我正在创建一个用户配置文件并通过 api url (yii2 api) 传递用户输入。例如普通文本字段

<input name="location" ng-model="data.location" type="text" placeholder="location" ng-required="true"> 

我的 api 网址是这样的

return $http.get('http://localhost/web/index.php?r=apiprofile/new&user_id='+$scope.data.user_id+'&location='+$scope.data.location)

这工作正常并且位置值正确存储数据库。但我使用多个复选框表示如何传递此 url。

<ion-checkbox  ng-model="data.jobtype1" ng-true-value="'parttime'">parttime</ion-checkbox>
<ion-checkbox  ng-model="data.jobtype2" ng-true-value="'fulltime'">fulltime</ion-checkbox>
<ion-checkbox  ng-model="data.jobtype3" ng-true-value="'contract'">contract</ion-checkbox>

我希望用户点击三个复选框意味着在数据库 [parttime,fulltime,contract] 中看起来像这样，这与 php 中的多个复选框相同。

我已经为三个复选框尝试了相同的 ng-model 名称，但它不能正常工作，当我单击任何一个复选框时意味着所有三个复选框都被单击并且数据库值是“未定义”。我像下面这样传递 url 意味着数据库中的值像这样 [parttimefulltimecontract]

 return $http.get('http://localhost/web/index.php?r=apiprofile/new&user_id='+$scope.data.user_id+'&jobtype='+$scope.data.jobtype1+$scope.data.jobtype2+$scope.data.jobtype3)

请帮助任何人

Answer 1

 <ion-checkbox ng-model="jobtype1" ng-true-value="parttime" ng-false-value="0" ng-checked="jobtype1== parttime" />

试试这个。

http://codepen.io/ionic/pen/hqcju