1
現在、角度jsメニューを作成しようとしていますが、私のコードはページをロードできないようです。何か不足していますか？必要なすべての正しいスクリプトを含めましたか？非常に新しい角度。Angular JS ng-view
// create the module and name it scotchApp
var scotchApp = angular.module('RoutingApp', ['ngRoute']);
// configure our routes
scotchApp.config(function($routeProvider) {
$routeProvider
// route for the home page
.when('/', {
templateUrl: 'http://www.habboholiday.net/pages/home.html',
controller: 'mainController'
})
// route for the about page
.when('/about', {
templateUrl: 'pages/about.html',
controller: 'aboutController'
})
// route for the contact page
.when('/contact', {
templateUrl: 'pages/contact.html',
controller: 'contactController'
});
});
// create the controller and inject Angular's $scope
scotchApp.controller('mainController', function($scope) {
// create a message to display in our view
$scope.HomeMessage = 'Home Controller Called !!!';
});
scotchApp.controller('aboutController', function($scope) {
$scope.AboutMessage = 'About Controller Called !!!';
});
scotchApp.controller('contactController', function($scope) {
$scope.ContactMessage = 'Contact Controller Called !!!';
});<!DOCTYPE html>
<!-- define angular app -->
<html ng-app="RoutingApp">
<head>
<!-- SPELLS -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="mainController">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/">
Angular Routing Example
</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#about"><i class="fa fa-shield"></i>About</a></li>
<li><a href="#contact"><i class="fa fa-comment"></i>Contact</a></li>
</ul>
</div>
</nav>
<div id="main">
<!-- angular templating : This is where content will be injected -->
<div ng-view></div>
</div>
</body>
</html>
スニペットですべてが正しく動作しているようです。スコープをさまざまなビューで呼び出すことをお勧めします。あなたは家に '
{{HomeMessage}}'を入れてみましたか？ –