AngularJS加法控制器
我正在建立一个单一的网页网站使用的手段，我尝试了多个教程，并谷歌了很多例子，但我似乎无法使它发挥作用。我使用angular-routing作为模板，但是当我添加控制器时，模板没有显示。没有任何错误。
app.js
angular.module('sampleApp', ['frontPageCtrl','ngRoute', 'appRoutes']);appRoutes.js
angular.module('appRoutes', [])
.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/home.html',
controller: 'frontController'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
}]);frontPageController.js
angular.module('frontPageCtrl', [])
.controller('frontController', function($scope, $http) {
});在我的index.html文件中，我包含了app.js的所有三个文件，第一个和第二个是角包含。
编辑：
这是我的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<base href="/">
<link rel="stylesheet" href="libs/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/frontPage.css">
<link rel="stylesheet" href="libs/bootstrap/"
<!-- JS -->
<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular-route/angular-route.min.js"></script>
<script src="js/app.js"></script>
<script src="js/appRoutes.js"></script>
<script src="js/controllers/frontPageController.js"></script>
</head>
<body ng-app="sampleApp" ng-controller="frontController">
<div id="container">
<div id="content">
<div ng-view></div>
</div>
</div>
</body>
</html>回答 2
Stack Overflow用户
发布于 2016-02-23 10:44:26
要检查的东西
- 你是否在你的主登陆页面中添加了ng视图？
- 你是否在主登陆页面中添加了ng-app="sampleApp“。
- 在控制器中放置断点，以确保它进入控制器。
- 检查“网络”选项卡，并确保所有javascript文件都已加载。
如果这回答了你的问题，别忘了把它标记为答案:)
Stack Overflow用户
发布于 2016-02-23 10:53:24
据我所见，在查看您的代码后，您的依赖项注入是错误的。请参阅appRoutes.js、app.js、index.html中的更改，以及需要在views文件夹中使用frontController的home.html。
您的app.js应该是：
angular.module('appRoutes', []);您的appRoutes.js应该是：
angular.module('sampleApp', ['frontPageCtrl','ngRoute', 'sampleApp'])
.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/home.html',
controller: 'frontController'
})
.otherwise({
redirectTo: '/'
});
}]);你的frontPageController.js：
angular.module('frontPageCtrl', [])
.controller('frontController', function($scope, $http) {
});在你的Index.html中：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<base href="/">
<link rel="stylesheet" href="libs/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/frontPage.css">
<link rel="stylesheet" href="libs/bootstrap/"
<!-- JS -->
<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular-route/angular-route.min.js"></script>
<script src="js/appRoutes.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers/frontPageController.js"></script>
</head>
<body ng-app="sampleApp">
<div id="container">
<div id="content">
<div ng-view></div>
</div>
</div>
</body>
</html>而且，您的home.html应该有控制器frontController。默认情况下，如果不使用home.html，则frontController将使用ng-controller="frontController"。
<div ng-controller="frontController">下面是工作柱塞：http://plnkr.co/edit/ohe4U0Am83U5Hj05HOIv?p=preview
https://stackoverflow.com/questions/35575078
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号