[武汉|荣耀师兄]JS-陈冲|2017年02月23日的日报-技能树.IT修真院

发表于： 2017-02-23 23:11:19

2 1238

今天完成的事情：

1、今天只是写完了【找职业-公司搜索】的侧边栏的html部分；

2、听大师兄给我们讲解项目的环境搭建；

3、学习了ui-router方面的知识；

4、听万维娜讲关于Reset和Normalization方面的知识。

明天计划的事情：

1、继续尝试搭建前台的环境搭建；

2、继续完成【找职业-公司搜索】的侧边栏的跳转功能；

3、继续完成【找职业-公司搜索】的轮播图部分；

遇到的问题：

参照着李绍博的代码，尝试用自定义指令directive来封装一个轮播组件。于是先把轮播图的代码单独放在一个html部分，然后利用directive的templateUrl指向该html部分，由于是基于bootstrap，所以只有html部分，但是轮播图并没有显示。

收获：

今天最大的收获就是学习了ui-router方面的知识：

ui路由的url和templateUrl:

.state("findJob", {
            url: "/findJob",
            templateUrl: "views/findJob.html",
            resolve: {
                loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
                    return $ocLazyLoad.load('scripts/findJob.js','styles/findJob.css');
                }]
            }
        })

其中：url顾名思义，它与在浏览器中显示的url有关，这里可以传参，方式有两种：使用“/:”或者“?参数1&参数2”。如果不填写url，则该种情况的url为父级的url。

至于templateUrl，可以很容易联想到自定义指令的directive重点templateUrl，也确实如此。它表示链接文件的路径，把该文件引入到

<div ui-view></div>

里面去。

ui路由的ui-sref:

ui-sref用于实现页面的跳转功能。用法：

<div class=" search-btn input-group-addon ">
    <button type="button" 
ui-sref="searchMain.searchCompany({'name':vm.companyName})">搜索
    </button>
</div>