发表于: 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:

@:单向引用父域的值,传递的值必须是字符串且在指令里引用时必须加上{{}};

=:双向绑定子域和父域;

&:单向绑定父域,以便在其中运行函数



返回列表 返回列表
评论

    分享到