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