Question

正确显示 aboutus.html 页面， aboutus中媒体列表中 ng-repeat 的内容除外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>

Answer 1

我认为你想要的是：

$scope.leaders = corporateFactory.getLeader();

this.leadership未定义。

无法找出角度路由/ ng-repeat的问题。

1 个答案: