无法找出角度路由/ng重复的问题。

这个 关于us.html 页面显示正确,但 ng重复 在内部 媒体列表 在里面 关于us.html

      // 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>