私のチェックボックスはangularjsのボックスを選択していません

*ここはhtmlコード私はデータベースから来ているチェックボックスの値を取得しようとしていますが、チェックボックスは選択されていません。 ...私のチェックボックスはangularjsのボックスを選択していません

 ng-controller="noduesaccountsmodalcontroller" ng-init="init()"> 


    <form name="accounts" ng-submit=submit(accounts) novalidate> 
<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> 
      {{albumNameArray}} 

    <!-- <input type="checkbox" value="{{emp}}" ng-model="checked" ng-init="checked=true"{{emp}}><br /> -->              


    <button type="submit" value="submit" class="btn btn-primary">ACCEPT</button> 
     <button class="btn btn-warning" ng-click="popup.$rollbackViewValue();">REJECT</button>

JSコントローラコードが

  application.controller('noduesaccountsmodalcontroller',function ($scope,$http,$window,$modal,$filter)                                      
      $scope.nodueaccountassets=data.list; 
     /*alert($scope.nodueaccountassets)*/ 
       }) 
      }) 

$scope.submit=function(form){ 
    $scope.albumNameArray = []; 

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

    alert(emp.selected); 


/*$scope.albumNameArray = $scope.nodueaccountassets.filter(function(emp){ 
     return emp.selected; 

     alert(emp.selected);*/ 
    }) 
    /*var emp_data='emp_assets='+$scope.nodueaccountassets+'&accounts_comments='+$scope.empcomments+'&emp_code='+$scope.emplycode; 
    alert("data is"+emp_data) 

    $http.get(domain+'/insertaccountassets?'+emp_data) 
    .success(function(data, status, headers, config){ 
    alert('submit successfully'); 
       }) 

.error(function(data, status, headers, config){ 
      alert(data); 
      }) 
      alert("error while submitting") 
      }  
     $scope.reject=function(form) 
     { 
$modal.dismiss('reject'); 
var emp_data='accounts_comments='+$scope.empcomments+'&  emp_code='+$scope.emplycode; 
      alert(emp_data) 
      $http.get(domain+'/insertaccountassets?'+emp_data) 
     }*/ 
} 

});

出典

2016-12-10 rohit raj

解決しましたか？ –

nop私の問題は、このプロジェクトは、スプリングMVCの角度チェックボックスの値は動的な値ですが、私のチェックボックスは選択されていないので、ボックスやデータのバインディング –

であるIあなたの提供されたコードからplunkerを作り、あなたのHTMLとJSコードにいくつか微調整を行いました。

あなたは配列オブジェクトへ.selectedプロパティを作成し、それをHTMLで正しく

中華鍋あなたのチェックボックスにng-modelとして割り当てるとなるように、あなたのJSONデータは、配列内のオブジェクトを持っていることを確認してください

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script> 
    <script data-require="[email protected]" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-app="app" ng-controller="noduesaccountsmodalcontroller" ng-init="init()"> 
    <form name="accounts" ng-submit="submit(accounts)" novalidate=""> 
     <table class="table"> 
     <thead> 
      <tr> 
      <th>item</th> 
      <th>received</th> 
      </tr> 
     </thead> 
     <tbody ng-repeat="emp in nodueaccountassets"> 
      <tr> 
      <td>{{emp.name}}</td> 
      <td> 
       <input type="checkbox" ng-model="emp.selected" value="{{emp.name}}" /> 
      </td> 
      </tr> 
     </tbody> 
     </table> 

     {{selectedItems}} 


       <!-- <input type="checkbox" value="{{emp}}" ng-model="checked" ng-init="checked=true"{{emp}}><br /> --> 
     <button type="submit" value="submit" class="btn btn-primary">ACCEPT</button> 
     <button class="btn btn-warning" ng-click="popup.$rollbackViewValue();">REJECT</button> 
    </form> 
    </body> 

</html>

JSで

var app = angular.module('app',[]); 
app.controller('noduesaccountsmodalcontroller',function($scope){ 

    $scope.nodueaccountassets = [{'name':'x'},{'name':'a'}, 
    {'name':'b'},{'name':'c'},{'name':'d'}]; 

    $scope.init= function(){ 

    }; 
    $scope.selectedItems =[]; 
    $scope.submit = function(acc){ 
     angular.forEach($scope.nodueaccountassets,function(emp){ 
      if(emp.selected){ 
       $scope.selectedItems.push(emp.name); 
      } 
      }); 
    }; 
});

出典

2016-12-10 13:11:57

私のチェックボックスはangularjsのボックスを選択していません

答えて

関連する問題