为什么我的页面没有拿起我的控制器
问题描述:
我开始理解路由,并且在头部区域的顶部有一对简单的应用程序,并带有一对按钮。按钮工作正常,并显示正确的信息,但我指示其中一个页面(directory.html)使用我创建的“myController”控制器,但它继续给我curley括号,而不是实际范围数据。有人能告诉我我做错了什么吗?为什么我的页面没有拿起我的控制器
HTML
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<title>Sample app</title>
<link href="content/css/styles.css" rel="stylesheet" type="text/css" />
<script src="app/lib/angular.min.js"></script>
<script src="app/lib/angular-route.min.js"></script>
<script src="app/app.js"></script>
</head>
<body>
<header ng-include="'header.html'"></header>
<main ng-view></main>
</body>
</html>
JS
angular.module('myApp', ['ngRoute'])
.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/home', {
templateUrl: 'views/home.html'
})
.when('/directory', {
templateUrl: 'views/directory.html',
//since this page requires a controller
controller: 'myController'
})
.otherwise({
redirectTo: '/home'
});
}]);
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.message = ("Hello World");
});
Directory.html
<p>This is my directory page.</p>
<p>{{message}}</p>
Header.html
<div id="menu-bar">
<h1>My Sample App</h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#directory">Directory</a></li>
</ul>
</div>
答
您的js文件无效。
angular.module('myApp', ['ngRoute'])
.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/home', {
templateUrl: 'views/home.html'
})
.when('/directory', {
templateUrl: 'views/directory.html',
//since this page requires a controller
controller: 'myController'
})
.otherwise({
redirectTo: '/home'
});
}]);
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.message = ("Hello World");
});
您所放置的配置模块内部的控制器......
Thalaivar,感谢您的回复。我根据你的回应修改了我的代码,并在原始文章中修改了JS。不幸的是,现在按钮不起作用。 –
没关系,明白了。这对我来说太过分了。谢谢 !! –