0
私のウェブサイトのAngularJSルートを使用していますが、NG-VIEWは何もロードしません。私はちょうど "約"リンクをテストしています。ナビバーから「私について」をクリックすると、NG-VIEWにabout.htmlと表示されます。ここでAngularJS ng-view not load
はindex.htmlです：
<!DOCTYPE html>
<html lang="en-US">
<head>
<link href="/css/style.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.min.js"></script>
<script src="/js/parallax.js-1.4.2/parallax.js"></script>
<title>##</title>
</head>
<body ng-app="AgendaApp">
<div class="header">
<div class="container">
<ul id="topnav">
<li><a href="/">Home</a></li>
<li><a href="#/about">About Me</a></li>
<li><a href="#">GitHub</a></li>
<li><a href="#">Resume</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</div>
</div>
<div class="main">
<div class="container">
<div ng-view></div>
</div>
</div>
</body>
<script src="js/app.js"></script>
<script src="js/controllers/AgendaController.js"></script>
<script src="js/controllers/ScheduleController.js"></script>
<script src="js/services/schedules.js"></script>
とapp.jsです：
var app= angular.module("AgendaApp", ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when('/', {
controller: 'MainController',
templateUrl: 'views/main.html'
})
.when('/about', {
controller: 'AgendaController',
templateUrl: 'views/about.html'
})
.when('/detail', {
controller: 'ScheduleController',
templateUrl: 'views/schedule.html'
})
.otherwise({
redirectTo: '/'
});
});
とコントローラ：
app.controller("AgendaController", ['$scope', 'schedules', function($scope, schedules) {
schedules.success(function(data){
$scope.schedules = data;
});
}]);
私controlle rはまだ何もしない。
本当にありがとうございました！今すぐ素晴らしい作品 –