发表于： 2017-05-12 23:35:27
1 903
今天完成的事情：
1、将数据按要求进行分页处理，在网上看了些分页插件，并在其基础上进行修改，使的和萝卜多后台的分页功能相同。不过还没有完成，明天继续。
2、重新配置了下路由，使得详情页和列表页是同级的。
明天计划的事情：
1、完成分页功能。
2、学习搜索框的日历功能。
3、学习如何搜索时将搜索的参数传到url里，通过url获取相应参数，作为请求条件，完成搜索功能。
遇到的问题：
1、现阶段刷新会重新回到一开始的默认情况，师兄告诉我要是用statego和stateparams完成，明天尝试修改代码。
收获：
1、听了今天的小课堂，对于js的DOM操作，学到了一些平时用的比较少但比较重要的操作。
2、对于分页功能的原理已经理解，主要是在每一次点击时，重新对后台进行请求，并需要将页数和每页数量传入后台。
3、对于angular的自定义指令中的各种属性有了了解。
// templateUrl :加载模板所要使用的URL
//replace ：如果为true 则替换指令所在的元素，如果为false 或者不指定，则把当前指令追加到所在元素的内部
- //restrict :指令在模板中的使用方式
- //可以4种风格任意组合，如果忽略restrict，默认为A
- // E ： 风格为 元素 （作为标签名） 使用方式： <custom-tags>1212</custom-tags>
- // C： 风格为 样式类 使用方式： <div class="custom-tags"> </div>
- // A ： 风格为 属性 使用方式： <div custom-tags> </div>
- // M ： 风格为 注释
Angularjs 指令编译三个阶段
1.标准浏览器API转化
将html 转化成dom ,所以自定义的html 标签必须符合html 的格式
2.Angular compile
搜索匹配 directive ，按照priority排序，并执行directive上的compile 方法
3.Angular link
执行directive上的link 方法，进行 scope绑定及事件绑定
link 函数负责在模型和视图之间进行动态关联- scope 属性
scope : 为当前指令创建一个新的作用域
false : 继承父元素的作用域
true : 创建一个新的作用域
参数：
&:作用域把父作用域的属性包装成一个函数，从而以函数的方式读写父作用域的属性
=: 作用域的属性与父作用域的属性进行双向绑定，任何一方的修改均会影响到对方
@：只能读取父作用域里的值单项绑定
返回列表
评论