发表于: 2017-03-03 21:18:19
1 1186
今天完成的事情:
1.尝试封装并调用了一个轮播图指令
封装的内容包括轮播图的html、css、js
轮播图js文件中需要申明路由模块,然后再 .directive定义指令,使用templateUrl属性载入html文件;
templateUrl属性值是一个url路径,路径指向一个html模板,html模板会填充(或替换)指令内容。
其次在配置文件config.js中使用
$ocLazyLoadProvider.config
服务配置模块,包括name和要引用的文件files,此处的name需要和定义的指令的名字相同。
最后在路由的懒加载中加载指令的名字。
在html中调用时将指令名作为标签输入即可调用,需要注意的是指令如果使用了驼峰命名法,在html中改为“-”连接。
2.开发公司详情和在招职位的静态页面
遇到的问题:
今天开发的页面内容分三块,一个是头部的公司认证和介绍,二是右下的公司信息,三是左下的公司详情和在招职位
一开始是把三块内容写在一个html里,后来发觉整个页面代码量会变得很大,而且公司和职位切换的话整个页面数据都要重新刷新一遍,肯定是不太好。
所以修改成 一和二 的内容一起写成公共的html,因为不管是从公司还是职位搜索跳转过来都是通过“公司id”这个参数来渲染数据的。
明天计划的事情:开始写公司详情和在招职位数据渲染部分。
收获:对项目的开发环境更熟悉了,页面的公共和个体内容的拆分更熟练了一些。
评论