[成都|荣耀师兄]JS-何华飒|2017年04月28日的日报-技能树.IT修真院

发表于： 2017-04-28 21:04:21

1 972

今日完成：

梳理任务六到十的代码细节，css样式等，在晚上时发现有三个功能（编辑、上线、删除）做掉了。。。

明日计划：

完成遗漏的三个功能，学习自定义指令。

问题：

1.今天调整css样式时，发现主页面被渲染了两次，只是由于位置重合，所以未发现。查了官网，发现官网也是这样的。。。。 ,分析原因应该是多重嵌套造成的。

把主页面的所以元素删除放到子路由上，问题解决。。

2.学习了一波如何在代码中进行页面跳转以及传参。

选择了用$state.go的方法，但是一直不跳转。查了资料发现是因为语法表达不对。首先我没有在控制器中注入$state参数，然后$state.go（），空号中内容应该是模板路由的state名称（或者叫标签），我写成了url地址。

$state.go('homepage.list')

3.调试页面发现之前使用的jq时间插件不起作用了，将head中库引用顺序进行调整。先引用jq，后引用angular，问题解决。但是又发现有angular表达式的页面，angular失效了。。。 必须先引用angular，再引用jq库才行。

由于时间插件函数是直接写在html文件中的，将其转移到angular的控制器中后，问题解决。

4.晚上发现少做了三个功能（编辑、上线、删除）。写代码首先的思路是获取被点击元素在ng-repeat数组中的位置，然后再根据位置下标抓取当前列表的id号码。

使用了index方法，但是一直无效。我是这样写的：$(this).index(ng-repeat的数组)。但是无法获取到当前数组的下标。最后换了思路，首先在html文件中，该元素的点击函数中传一个参数$index。然后就能够直接在js文件中的点击函数中添加任意参数获取了。

根据这个思路，又换了个方法实现id的抓取：在html文件中，该元素的点击函数中传一个参数x.id；这样就直接获取id了。

<a  ng-click="edit(z.id)"> {{z.b}} </a>

收获：

1.对ui-roter多重嵌套功能更熟悉，问题一最后就是通过多重嵌套解决的。

2.$state.go及ui-sref传参方法初步了解，明天完善功能时可能会用到。

3.对函数传参理解多了一些。

4.学习了http的put方法。

返回列表