发表于: 2017-06-09 20:58:56
1 1136
今天完成的事:
1.职位搜索页。开始使用inline-block写card,写完感觉手写响应式很麻烦,又换套用了栅格。
2.搜索无结果时显示notFind页面:
内容是显示无结果的静态ui样式以及根据是搜索公司还是搜索职位显示推荐职位或者推荐公司3个。由于很多页面都会用到这个notFind页面,封装成了一个指令。
3.给小师弟查代码解决了几个bug。迟迟获取不到节点纳闷好久。后来还是师姐发现引用顺序的问题,js放在body前,没加载出来当然没有。
w(゚Д゚)w简直是傻。
明天要做的事:推荐职位\最新职位列表。修bug。
遇到的问题:最近请假很多,拖了进度后腿。龚家豪同志帮我分担了两个页面,很是对不住。
我抓紧完成剩下的部分还有修bug。这次希望按时完成。
收获:
学习了scope的不同属性。
scope表示指令的作用域,它有三个可选值:true、false、对象{}
.directive("myDirective", function(){
return {
restrict: "EA",
scope: true/false/{},
template: "<div>{{content}}</div>"
}
})
true:继承父作用域且创建独立作用域;
false:继承父作用域;
{}:不继承父作用域且创建独立作用域;
分别修改父域、子域里的值会发现:
scope为true时,修改父域的值会影响到子域,修改子域不影响父域,因为子域是独立的;
scope为 false时,修改父域的值会影响子域,修改子域也会影响父域,是双向绑定,scope配置默认值是false;
scope为{}时,修改父域的值不影响子域,修改子域也不会影响父域,子域是完全隔离的作用域;
另外,当scope为非空对象时,父域和子域可以以指定的方式传递指定的数据,这就是指令与指令之间的交互。
数据传递也分三种方式:@、=、&,先看demo:
@:单向引用父域的值,传递的值必须是字符串且在指令里引用时必须加上{{}};
=:双向绑定子域和父域;
&:单向绑定父域,以便在其中运行函数
评论