angular.js - angularJS路由学习的问题
问题描述
我在按照书上学习路由的时候，完成的代码如下:
<!DOCTYPE html><html ng-app='myApp' lang='zh-cn'> <title>Simple app</title> <meta charset='utf-8'/> <link rel='stylesheet' href='https://www.haobala.com/wenda/node_modules/bootstrap/dist/css/bootstrap.min.css'/></head><body ><!-- HEADER AND NAVBAR --><header> <nav class='navbar navbar-default'><p class='container'> <p class='navbar-header'><a href='https://www.haobala.com/'>Angular Routing Example</a> </p> <ul class='nav navbar-nav navbar-right'> //这里引向不同的页面<li><a href='https://www.haobala.com/wenda/14708.html#home'><i class='fa fa-home'></i> Home</a></li><li><a href='https://www.haobala.com/wenda/14708.html#login'><i class='fa fa-shield'></i> About</a></li> </ul></p> </nav></header><!-- MAIN CONTENT AND INJECTED VIEWS --><p id='main'> <!-- angular templating --> <!-- this is where content will be injected --> <p ng-view >//主要是这里 </p></p><script src='https://www.haobala.com/wenda/bower_components/angular/angular.min.js'></script><script src='http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular-route.min.js'></script><script src='https://www.haobala.com/wenda/app.js'></script></body></html>home.html部分
<p ng-controller='HomeController'> <p>我是主页</p></p>app.js部分
var app = angular.module(’myApp’,[’ngRoute’]);app.config([’$routeProvider’,function($routeProvider){ $routeProvider.when(’/home’,{ templateUrl: ’page/home.html’, controller:’HomeController’}).when(’/login’,{ templateUrl: ’page/login.html’, controller:’LoginController’} );}]);
结果是可以，但是控制台会报错,我想知道是什么原因？
问题解答
回答1：看报错的信息应该是HomeController的问题，是不是没定义？
相关文章：
1. 下一个页面的三角在上面一个页面会出现，在缩放的时候会遮住文字。2. html5 - 手机连接电脑在谷歌上调试app,出现如下的情况3. angular.js - Angularjs中点击事件传递参数 给class更换样式。4. weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用5. android - mac平台运行快捷键咋按6. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始7. 为什么span的color非要内联样式才起作用？8. docker api 开发的端口怎么获取？9. python - Django ManyToManyField 字段数据在 admin后台 显示不正确，这是怎么回事？10. 高并发写入和更新mysql
网公网安备