2016-05-11 12 views
0

私はモバイルアプリケーション開発のためにIonicフレームワークを使用しています。私は同じngモデルを使用して複数のチェックボックスを設定します。したがって、1つのチェックボックスをクリックすると、3つのチェックボックスをすべてクリックする必要があります。しかし値は保存されません。しかし、通常のHTMLチェックボックス(つまり、db内の同じフィールドに保存されている値をコンマで区切って入力します。複数のチェックボックスで同じng-modelを使用するにはどうすればいいですか?

<label class="item item-input item-floating-label">Gender</label> 
<input type="checkbox" ng-model="data.days" value="sunday">sunday 
<input type="checkbox" ng-model="data.days" value="monday">monday 
+0

私はあなたが達成したいとは思っていません...あなたの例では、チェックボックスではなくラジオボタンを使用しています。ラジオボタンの目的は、1つのオプションのみを選択することです。また、コントローラのロジックを少し共有できますか?この問題を示すプランナーがあまりにも助けになるかもしれません。 – kolli

+0

返事のためにまずお返事ありがとうございます。私の間違いです。ラジオボタンではありません。今私は変更しています –

答えて

0

オブジェクトを作成し、ng-modelとして使用します。

このplunkerをチェックしてください:

https://plnkr.co/edit/YHJDbU24BIaSrmlDTrZy?p=preview

私はこれが何をしたいと思います。

+0

ありがとうございます。私はそれをチェックし、 –

1

私は1日に1つのngモデルを取得しています。

サンプルコードコード上

$scope.days = [{ 
      "id": 1, 
      "name": "Mon", 
      "select": true 
     }, { 
      "id": 2, 
      "name": "Tue", 
      "select": true 
     }, { 
      "id": 3, 
      "name": "Wed", 
      "select": true 
     }, { 
      "id": 4, 
      "name": "Thu", 
      "select": true 
     }, { 
      "id": 5, 
      "name": "Fri", 
      "select": true 
     }, { 
      "id": 6, 
      "name": "Sat", 
      "select": true 
     }, { 
      "id": 0, 
      "name": "Sun", 
      "select": true 
     }]; 

すべてのチェックボックスをデフォルトで

<div ng-repeat="day in days1" class="week_days"> 
     <ion-checkbox ng-model="day.select" style="border:none">{{day.name}}</ion-checkbox> 
    </div> 

コントローラ側が選択されたときに自動修正さ日オブジェクトチェックボックスをクリックします。

関連する問題