2016-10-03 7 views
0

aboutus.html 페이지는 aboutus.html 에서 미디어 목록 내에서 NG 반복의 내용을 제외하고, 올바르게 표시됩니다. 콘솔에 오류가 표시되지 않습니다. 나는 전체 코드를 포함하지 않았다. (더 많은 공간이 필요하기 때문이다.) 누구든지 나를 도울 수 있습니까?각도 라우팅/ng-repeat 문제를 파악하지 못했습니다.

 // factory here. 
     angular.module('vasuapp') 

    .factory('corporateFactory', function() { 

    // Implement two functions, one named getLeaders, 
    // the other named getLeader(index) 
    // Remember this is a factory not a service 

    var corpfac = {}; 

    var leadership = [ 
     { 
      id: 0, 
      name:"asdfd", 
      designation:"sgsdgg", 
      abbr: "fgdfvf",  
     }, 
     { 
      // similarly some other data here. 
     } ]; 

    corpfac.getLeader = function(){ 
    return leadership; 
    }; 
    corpfac.getLeaders = function(index) 
    { 
     return leadership[index]; 
    }; 
    return corpfac; 

}); 

    // app.js 
angular.module('vasuapp', ['ngRoute']) 
.config(function($routeProvider) { 
    $routeProvider 
     .when('/aboutus', {templateUrl:'./aboutus.html' , controller: 'AboutController'}) 
     .otherwise('/'); 
}) 

    // controller.js 

angular.module('vasuapp') 
    .controller ('AboutController',['$scope','corporateFactory', function($scope,corporateFactory){ 
    var leadership = corporateFactory.getLeader(); 
    $scope.leaders = this.leadership; 
}]) 

    // aboutus.html 

    <div class="row row-content"> 
    <div class="col-xs-12 col-sm-9"> 
     <h2>Corporate Leadership</h2> 
     <p> hi </p> 
     <ul class="media-list"> 
      <li class = "media" ng-repeat = "lead in leaders"> 
       <div class = "media-list tab-pane fade in active"> 
       <a ng-href="#/aboutus"> 
        <img class = "media-object" ng-src={{lead.image}} alt="author image"> 
       </a> 
       </div> 
       <div class = "media-body"> 
       <p>{{lead.description}}</p> 
       </div> 
      <footer> 
       -- {{lead.name}} the {{lead.designation}} 
       </footer> 
      </li> 
     </ul> 
    </div> 
+0

당신의 질문은 명확하지 않고, 당신이 기대하는 바를 진술하지 않았지만'var leadership '과'this.leadership'을 같은 의미로 사용하려고하는 것처럼 보입니다. 같은 것이 아닙니다. – Claies

답변

1

나는 당신이 원하는 것은 생각 :

$scope.leaders = corporateFactory.getLeader();

this.leadership가 정의되어 있지 않습니다.