发表于: 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实现点击图片的不同位置进行链接跳转。对数组、树、二叉树有了一些简单的理解。

 



返回列表 返回列表
评论

    分享到