AngulaJSサンプルアプリケーションでルーティングを実装しようとしていますが、何とか動作していないため、何らかのエラーが発生していません。ここで私を助けてください。私は最後の一日から完全にここで立ち往生しています。ここでAngulaJSルーティングが機能していないため、エラーが発生していません
は、コードの詳細は以下のとおりです。
Index.htmlと
<!DOCTYPE html>
<html ng-app="AngularJS">
<head>
<title>Index page</title>
<meta charset="utf-8" />
<link href="../Styles/Layout.css" rel="stylesheet" />
<script src="../Scripts/Vendors/angular.js"></script>
<script src="../Scripts/Vendors/angular-route.js"></script>
<script src="../Scripts/app.js"></script>
<script src="../Scripts/Controllers/Index.js"></script>
</head>
<body>
<table>
<tr>
<td colspan="2" class="header">
<h2>Website header</h2>
</td>
</tr>
<tr>
<td class="leftMenu">
<a href="#/Home">Home</a>
<a href="#/Courses">Courses</a>
</td>
<td class="mainContent">
<ng-view></ng-view>
</td>
</tr>
<tr>
<td colspan="2" class="footer">
<b>Website footer</b>
</td>
</tr>
</table>
</body>
</html>
は、私がここで間違って何をやっている
angular.module('AngularJS', ['ngRoute']);
Index.js
angular.module('AngularJS')
.config(function ($routeProvider) {
$routeProvider
.when('/Home', {
templateUrl: 'Templates/Home.html',
controller: 'HomeController'
})
.when('/Courses', {
templateUrl: 'Templates/Courses.html',
controller: 'CoursesController'
});
})
.controller('HomeController', function ($scope) {
$scope.title = 'Home page';
})
.controller('CoursesController', function ($scope) {
$scope.Courses = [
'C', 'C++', 'C#', 'SQL Server', 'AngularJS', 'ASP.NET MVC'
];
});
をapp.js ?前もって感謝します。あなたのhref
使用で
は、角やangularjsということですか?この質問はもっと混乱することはありません –
それはAngularJSです...ごめんなさい –
あなたはエラーメッセージを表示できます – Vinoth