2016-10-31 10 views
2

を動作していませんngのリピートが正常に動作しています。これは私のコードです。事前にチェックボックスは、誰かが私がAngularJs.Whenでメソッドを呼び出す必要がレベルをクリックしたときに、私は何が起こっていないチェックボックスにIをクリックレベルのリストを得たが、私は外にあるチェックボックスをクリックしたとき

(function() { 
      'use strict'; 
      var controllerId = 'SeriesEditor'; 
      angular.module('app').controller(controllerId, ['apiFactory', "$filter", SeriesEditor]); 

      function SeriesEditor(wfapi, $filter) { 
       var vm = this; 

       vm.Init = function() {     
        vm.Levels = [];     
       } 

    vm.loadLevelsForSeries = function() { 

        var mReq = new Models.services.LevelListRequest(); 
        api.get(mReq) 
         .then(function (data) { 
          vm.Levels = data.Results; 
         }); 
       } 
    } 
     })(); 

ありがとう:

<div class="col-md-4"> 
         <label>Select Level:</label> 
         <div ng-repeat="level in vm.Levels | filter: {Workshop:true}"> 


          <div class="i-checks"> 
           <input type="checkbox" ng-model="level.Name" id="{{'level-'+ level.SkillId}}" icheck /> 
           <label class="control-label"> 
            {{level.Name}} 
           </label> 
          </div> 
         </div> 
         <input type="checkbox" /> 

        </div> 

は、ここに私のコントローラのコードです。

+1

コントローラコード? –

答えて

1

// Code goes here 
 

 
angular 
 
\t .module('myApp',[]) 
 
\t .run(function($rootScope){ 
 
\t \t $rootScope.title = 'myTest Page'; 
 
\t }) 
 
\t .controller('testController', ['$scope', function($scope){ 
 
\t 
 
\t \t $scope.Levels = [{Name:'string1',SkillId:1},{Name:'string2',SkillId:2},{Name:'string3',SkillId:3}] 
 
\t \t 
 
\t }])
<!DOCTYPE html> 
 
<html data-ng-app="myApp"> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body data-ng-controller="testController"> 
 

 
    <div class="col-md-4"> 
 
    <label>Select Level:</label> 
 
    <div ng-repeat="level in Levels"> 
 

 
     <div class="i-checks"> 
 
     <input type="checkbox" id="{{'level-'+ level.SkillId}}" icheck /> 
 
     <label class="control-label"> 
 
      {{level.Name}} 
 
     </label> 
 
     </div> 
 
    </div> 
 
    <input type="checkbox" /> checkbox outside 
 

 
    </div> 
 

 
</body> 
 

 
</html>

関連する問題

 関連する問題