angularjs  结构的两种写法(2)-LMLPHP

app.js里面

angularjs  结构的两种写法(2)-LMLPHP

route.js

angularjs  结构的两种写法(2)-LMLPHP

本项目中的路由写法,路由的意思是:对应的跳转页面路径,比如此处当路由是member.user-statisttic时,是会跳转到url:http://.../user-statisttic.html页面,然后此页面对应的ctrl会解析也页面的参数。

那么此时页面对应哪个ctrl呢?看下图可知,对应的是这个路由的ctrl,相当于  路由--》url(页面)--》ctrl

angularjs  结构的两种写法(2)-LMLPHP

对应ctrl中的

angularjs  结构的两种写法(2)-LMLPHP

接着ctrl中对应的service(statistic),service采用ngsource写法

angularjs  结构的两种写法(2)-LMLPHP

angularjs  结构的两种写法(2)-LMLPHP

2、对于页面与对应的ctrl除了上面的写法,还有一种写法如下:

ctrl.js

angularjs  结构的两种写法(2)-LMLPHP

angularjs  结构的两种写法(2)-LMLPHP

html页面

angularjs  结构的两种写法(2)-LMLPHP

angularjs  结构的两种写法(2)-LMLPHP

结论:可以看到,这种写法没有采用路由写法,直接是一个页面对应一个ctrl,比较直观

05-27 06:42