发表于: 2017-03-30 20:33:37

1 1187


今天完成的事:

白天把菜鸟angular刷了一部分,看了表达式,指令,模型,scope,过滤器,表单,依赖注入,路由。

只是有个初步了解,这样刷并不能全部记住。


看完路由部分琢磨着复制实例看效果,把代码弄到本地来,更改了几个样式,对angular的路由有了具象化的认识。

先写好一个页面,放上希望不变的内容,然后

<div ng-view=""></div>

在这里面会根据点击显示不同的页面,地址不变,url只有#后的字符改变。

打个比方,之前有3个page,每个页面都是独立的,点击跳到其他页面是整体刷新。现在用了路由相当于把三个页面嵌套进一个大的整体页面中,

<div ng-view></div>是给页面开了个小窗口,根据点击展示不同的页面内容。


现在是更倾向于用ui-route。因为ui-route可以有多个view。

/*以下复制:

由ngRoute只允许一个视图(ng-view)出现在页面上。这样限制的情况下,人们可以使用包含页面(ng-include)或者 其他的变通方法为应用创建一个布局(layout)或主页(master page)。UI-Router支持多样化视图,并且每一个视图都有自己相应的控制,所以每个区块都是封装好,可以复用到整个应用程序需要的地方。

*/


有一篇讲ui-route的文章从师姐日报找到的,感觉讲的很好。

http://www.oschina.net/translate/angularjs-ui-router-nested-routes?print

有一个注意的地方  &apos;  是字符 ' 单引号。跟着复制代码把这个也复制了,结果没出来,晕半天


明天要做的事:调整任务6的页面样式,现在是真丑。

然后学习任务7的知识点。


遇到的问题:还是有些茫然,对那篇文章里的代码认识不够透彻。如果自己写估计不会注入。也许去查一查官网API会有收获?


收获:ui-route初体验~



返回列表 返回列表
评论

    分享到