meine Kontrollkästchen jedes Kästchen nicht aktiviert sind in AngularJS

hier * ist HTML-Code für Checkbox Checkbox ist mit für die dynamischen Wert initiazation aus Datenbanken aber Checkbox werden die Auswahl keinen Wertes *meine Kontrollkästchen jedes Kästchen nicht aktiviert sind in AngularJS

   <div class="widget-body" style="display: block;"> 
         <div class="widget-main"> 
           <div class="table-responsive"> 
           <table class="table"> 

           <thead> 
           <tr> 
           <th>item</th> 
           <th>received</th> 
            </tr> 
           </thead> 

        <tbody ng-repeat="emp in nodueaccountassets">  
     <tr> 
<td>{{emp}}</td> <td> <input type="checkbox" ng-model="emp.selected" value="{{emp.name}}"/></td> 

          </tr> 
         </tbody> 
        </table> 
        </div> 
       </div> 
      </div>

und js Controller-Code ist

 angular.forEach($scope.nodueaccountassets,function(emp){ 
     if (emp.selected) $scope.albumNameArray.push(emp.name); 

      alert(emp.selected);

Quelle

2016-12-10 rohit raj

Woher kommt der angular.forEach? Bitte, posten Sie den Kontext ... – Vi100

Unter der Annahme, dass Sie die ausgewählten Mitarbeiter erhalten möchten, können Sie dies tun,

var app = angular.module("app", []); 
 

 
app.controller("listController", ["$scope", 
 
    function($scope) { 
 
    $scope.albumNameArray = []; 
 
    $scope.nodueaccountassets = [{ 
 
     "name": "Raymond", 
 
     "age": 28, 
 
     "selected": false 
 
    }, { 
 
     "name": "Bruce", 
 
     "age": 96, 
 
     "selected": false 
 
    }, { 
 
     "name": "Laura", 
 
     "age": 62, 
 
     "selected": false 
 
    }]; 
 
    $scope.getSelected = function() { 
 
     angular.forEach($scope.nodueaccountassets, function(emp) { 
 
     if (emp.selected) 
 
     $scope.albumNameArray.push(emp.name); 
 
     }) 
 
    } 
 

 
    } 
 

 
]);

<!doctype html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body> 
 
    <div ng-controller="listController"> 
 
    <div class="widget-main"> 
 
     <div class="table-responsive"> 
 
     <table class="table"> 
 
      <thead> 
 
      <tr> 
 
       <th>item</th> 
 
       <th>received</th> 
 
      </tr> 
 
      </thead> 
 
      <tbody ng-repeat="emp in nodueaccountassets"> 
 
      <tr> 
 
       <td>{{emp}}</td> 
 
       <td> 
 
       <input type="checkbox" ng-model="emp.selected" value="{{emp.name}}" /> 
 
       </td> 
 

 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </div> 
 
    </div> 
 

 
    <button ng-click="getSelected()">Get Selected</button> 
 
    <ul> 
 
     <li ng-repeat=" opt in albumNameArray"> 
 
     {{ opt }} 
 
     </li> 
 
    </ul> 
 

 
    </div> 
 
</body> 
 

 
</html>

Quelle

2016-12-10 11:14:44 Sajeetharan

mein nodueaccountassets Wert kommt aus der Datenbank und wenn ich versuche, Kontrollkästchen seine nicht auswählen –

Wie kommt es? – Sajeetharan

möglicherweise der Wert, den Sie vom Server bekommen werden im String-Format statt booleans emp.selected Sie Wert bekommen wie „wahr“ ist,

überprüfen, ob Sie bekommen Antwort wie Wenn dies der Fall ist, müssen Sie das ausgewählte Objekt in einen booleschen Wert konvertieren.

[{ 
name: 'sushil', 
selected: "true" 
}]

Quelle

2016-12-10 11:24:28

Sie r right meine Werte im String-Format wie folgt: $ scope.nodueaccountassets = data.list; aber ich möchte binden mit checkbox ist jeder möglichkeit, in html {0} –

meine Kontrollkästchen jedes Kästchen nicht aktiviert sind in AngularJS

Antwort

Verwandte Themen