发表于: 2017-06-25 23:05:04
1 1036
今天完成的事情:
任务6实现了通过ngRoute实现单页面跳转,修改页面的样式。
晚上听付老师讲数组、树、二叉树。
明天计划的事情:
开始任务7,用angular重写登录页,学习$http请求,抽空学习angularjs文档。
遇到的问题:
昨天遇到的问题今天查找资料后:
mainPage.html文件
<body ng-app="myApp">
<ul class="nav nav-pills nav-stacked sidebar">
<li><a href="#/welcome">欢迎页</a></li>
<li class="btn-group btn-wrapper">
<button type="button" class="btn btn-default dropdown-toggle side-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
信息管理 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#/articleList">公司列表</a></li>
<li><a href="#/articleDetail">职位列表</a></li>
</ul>
</li>
app.js文件
var app = angular.module("myApp",['ngRoute']);
app.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
app.config(['$routeProvider',function ($routeProvider) {
$routeProvider
.when('/articleList',{
templateUrl:'articleList.html',
controller:'listCtrl'
})
.when('/articleDetail',{
templateUrl:'articleDetail.html',
controller:'detailCtrl'
})
.when('/Welcome',{
templateUrl:'welcome.html'
})
.otherwise({
redirectTo:'/Welcome'
})
}]);
在配置路由器之前加上下面的代码就好了,不知道是不是我用的angular1.6.4版本的问题app.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
收获:
解决了ngRoute单页面跳转失败的问题,今天小课堂学到了一个很有意思的事情,可以通过image map实现点击图片的不同位置进行链接跳转。对数组、树、二叉树有了一些简单的理解。
评论