发表于: 2017-02-11 23:53:57
1 1192
今天完成的事情:
1、完善以前的任务的代码,重点调整了任务8的搜索功能;
2、听杨泽平讲关于angular的常用指令方面的知识。
明天计划的事情:
继续完善以前的任务的代码
遇到的问题:
完善任务8的搜索功能遇到传参的问题。之前没有考虑这样的问题。因而,页面刷新后,页面会自动跳转到首页,古尘师姐说这样用户体验不好。于是,当时就想到了利用杀人游戏里面的localStorage来把参数存到浏览器,然后直接获取该参数,以实现刷新页面后还是停留在参数页面。古尘师姐给出了更好的方法,她建议我们使用angular的方法来实现传参。于是参考了胡思豪的代码,了解了如何利用angular来实现传参。首先先注入$state和$stateParams,利用$state.go()来实现传参,然后利用$stateParams来获取传递的参数。但是失败了,于是在网上查教程,看是否我自己对它们的用法理解错了,结果发现并没有出错。不得已,只得问古尘师姐,古尘师姐说要在配置的UI路由里面也要加上传递的参数,才能够传参成功。于是在UI路由加上了参数,果然传参成功了。
收获:
1、学会了如何利用angular来实现参数的传递功能;
2、听杨泽平讲angular的常用指令,收获如下:
A、ng-if和ng-show的区别:ng-if和ng-show通过设定值可以做到一个元素隐藏和显示的效果。但是ng-if是通过移除和保留该元素来实现的,而ng-show知识通过display的值来控制的,该节点并未消失。
B、自定义指令中,restrict用来设定指令的应用形式,默认值为AE,即作为元素标签或者属性来使用,除此之外还有C(类名)和M(注释)来使用;scope表示作用域,可以设为true、false和{}。其中true表示共享父级作用域,又拥有自己的作用域,而false表示共享父元素作用域,而{}表示其作用域与父级作用域彼此独立,互不影响。
评论