Skip to content

路由 控制器 视图的规约

雪狼 edited this page May 15, 2014 · 3 revisions

在router.js中,我们通过一个循环来自动按照CoC(约定优于配置)的原则来根据NavData生成路由,并且在nav指令中,自动根据NavData生成导航菜单。

涉及到的约定如下:

  • 控制器:命名为 ctrl.父级名.子级名,如ctrl.show.progress。注意,这里的控制器没有使用常规的命名规则,而是使用.分隔,这样方便进行解析。并且会自动添加ctrl.show这类的父级路由。对控制器的js文件可以任意命名和放置,但是原则上应该仿照其他的,放在scripts/controllers/父级名/子级名.js中,对于父级路由则放在controllers/父级名.js。父级js文件不能省略。所有js必须手动在index.html中引用,并且注意如果代码中使用了中文,请使用utf-8编码,并且引用时加上charset="utf-8"属性。
  • 视图:放在views/父级名/子级名.html,对于父级路由则放在views/父级名.html,当然,一般这个父级视图只要写<div ui-view></div>就行了。父级view文件不能省略。
  • 样式:css文件和相应的html文件放在同一个目录下,并且名称相同,这样,framework就会自动寻找并加载它。
  • 路由/状态名:NavData中的状态命名为“父级名.子级名”,可以重名,自动生成路由的时候会去重,不用担心副作用。父级名可以不用单独定义出来,定义了包含子级名的状态就会自动生成相应的父级名。
Clone this wiki locally