web-dev-qa-db-ja.com

Angularjsを使用してチェックボックスをオンに設定します

私はいくつかのチェックボックスを持っており、それらの値はデータベースに列挙型として「Y」または「N」です。更新を行うには、すべてのチェックボックスを確認する必要があります。チェックボックスをチェックされた状態で表示する方法。これはチェックボックスのコードです

<label class="radio-inline">
  <input type="checkbox"  ng-model="newItem.have_voter_id"  value="have_voter_id" /><?php echo $this->lang->line('label_voter_id'); ?>
</label>
<label class="radio-inline">
  <input type="checkbox"   ng-model="newItem.have_passport" value="passport" /> <?php echo $this->lang->line('label_passport'); ?>
 </label>

これは表示と更新のための機能です

 $scope.edit = function(id,family_id) {

    $scope.action = 'update';
    FamilyMem.get({id:id,family_id:family_id}, function (response) { // success            
        $scope.newItem = response.data; // store result to variable            
          $("#myModal").modal('show');
        }, function (error) { // ajax loading error
            Data.errorMsg(); // display error notification
            //$scope.edit = false;
        });
  };

と編集ボタン

  <a href="" class="btn btn-Magenta btn-sm" ng-click="edit(family_member.id,family_member.family_id)">
angularjsangularjs-directiveangularjs-scope
7
Nisham Mahsin

使用する ng-checkedチェックボックスの場合、

<label class="radio-inline">
  <input type="checkbox"  ng-model="newItem.have_voter_id"  value="have_voter_id" ng-checked="newItem.have_voter_id=='Y'"/><?php echo $this->lang->line('label_voter_id'); ?>
</label>

<label class="radio-inline">
  <input type="checkbox"   ng-model="newItem.have_passport" value="passport" ng-checked="newItem.have_passport=='Y'"/> <?php echo $this->lang->line('label_passport'); ?>
</label>
17
devo

モデルnewItem.have_voter_idおよびnewItem.have_passportは、チェックボックスでのアクションに応じてtrueまたはfalseに設定されます。 'voter_id'のチェックボックスがチェックされている場合、モデルの値newItem.have_voter_idはtrueに更新され、チェックを外すと値はfalseに更新されます。そして、同じことが他のチェックボックスにも当てはまります。

0
Md Hasan Ibrahim

以下のリンクは私を大いに助けました。

モデルを初期化する必要があります。モデルの値が値と一致する場合は、モデルが選択されます。

0
Shahid Hussain Abbasi