2016-04-29 21 views
0

kann mir jemand sagen, wie ich Werte ausgewählter Checkboxen in angularjs abrufen soll. Ich werde dir ein kurzes Szenario geben. Ich habe ein Objekt namens 'Benutzer', in dem ich eine Liste von Berechtigungen als Mitglied von 'Benutzer' habe. Jetzt in Jsp Ich habe mehrere Kontrollkästchen, was ich will ist, wenn ich Checkboxen die Werte der ausgewählten Kontrollkästchen sollten mit Berechtigungsliste zugeordnet werden, die im "Benutzer" vorhanden ist, Wie kann ich das tun? Ich werde meine Erlaubnis Kontrollkästchen jsp Code zeigen, die alsIch kann Werte von ausgewählten Kontrollkästchen in angularjs nicht abrufen

<div class="form-group required"> 
<label for="Permissions" class="col-sm-3 control-label">Permissions</label> 
<div class="col-sm-6 Nopadding" data-ng-model="ctrl.user.permissionVoList.permissionId"> 
    <div class="checkbox" data-ng-repeat="permissionVo in ctrl.permissionVoList" > 
     <label data-toggle="tooltip" data-placement="right" 
      data-html="true" 
      title="<p align='left'>{{permissionVo.description}}</p>"> 
      <input type="checkbox" value={{permissionVo.permissionId}} /> {{permissionVo.permissionName}} 
     </label> 
    </div> 

</div> 
folgt ist

und 'user' Objekt in der Steuerung wird wie folgt

self.user={ 
        userId:'1', 
        firstName:'Vishal', 
        middleName:'Vasant', 
        lastName:'Raut', 
        phoneNumber:'9898989898', 
        emailId:'[email protected]', 
        username:'vishal', 
        password:'111111', 
        notification:'no', 
        costPerHour:'1000', 
        roleVo:{roleId:''}, 
        shiftVo:{shiftId:''}, 
        permissionVoList:[{permissionId:''}] 

      }; 
+0

Verwendung ng-Modell den Wert für die Bindung – Manish

+0

ich es benutzt haben, scheint aber der Code nicht – Vish

Antwort

2

angular.module('app',[]).controller('ctrlA',function(){ 
 
    var self = this; 
 
self.selectedPermissions = []; 
 
    self.user={ 
 
         userId:'1', 
 
         firstName:'Vishal', 
 
         middleName:'Vasant', 
 
         lastName:'Raut', 
 
         phoneNumber:'9898989898', 
 
         emailId:'[email protected]', 
 
         username:'vishal', 
 
         password:'111111', 
 
         notification:'no', 
 
         costPerHour:'1000', 
 
         roleVo:{roleId:''}, 
 
         shiftVo:{shiftId:''}, 
 
         permissionVoList :[{permissionId:1,permissionName:"One"},{permissionId:2,permissionName:"Two"}] 
 

 
       }; 
 
self.pushPermission = function(p){ 
 

 
    self.selectedPermissions.push(p); 
 
} 
 

 
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
    <div ng-app="app" ng-controller="ctrlA as ctrl"> 
 
    <div class="form-group required"> 
 
    <label for="Permissions">Permissions</label> 
 
    <div> 
 
    <label ng-repeat="permission in ctrl.user.permissionVoList"> 
 
     Label {{permission.permissionName}} 
 
     <input type="checkbox" ng-model="permission.isCheckd"> 
 
     </label> 
 
    </div> 
 
    </div> 
 
    and 'user' object in the controller is as follows {{ctrl.user| json}} 
 
    </div> 
 
    </div>

+0

arbeiten, um seine Arbeit um wahr oder falsch, aber Sie können sag mir, wie kann ich "value" der ausgewählten checkboxes holen, auch permissionId ist ein int wert nicht boolean. was kann getan werden? @mohsin – Vish

+0

Welchen Wert Sie wollen ?? Erzähle mir die richtige Struktur von permissionVoList –

+0

permissionVoList ist die Liste von permissionVo Objekt, permissionVo enthält {permissionIdm permissionName usw.}, auf UI Benutzer kann mehr als eine Berechtigungen auswählen. Die Werte der checkboxes, die der Benutzer in der UI für die Berechtigung ausgewählt hat, werden also permissionId: something1, pemissionsId: something2 .. und so weiter ... Ich muss diese permissionVo-Objekte in ein einziges Listenobjekt einbinden, dh permissionVoList – Vish

0

Sie pro-Checkliste Modell verwenden können, um Daten für die Checkboxen abrufen Besuchen Sie den Link here

Verwandte Themen