angular-ui-router 多视图views

http://bubkoo.com/2014/01/01/angular/ui-router/guide/multiple-named-views/
angular.js模块ui-router之多视图,可以给ui-view指定名称，这样一个模板中就可以有多个ui-view。假设您有一个应用，需要动态填充graph、table data和filters，像下面这样：

当您需要使用多视图时，需要用到状态的views属性，views属性值是一个对象。
如果在状态中定义了views属性，那么状态中的templateUrl、template 和 templateProvider属性将被忽略。
示例-名称匹配
views的属性key应该对应ui-view的名称，像下面这样:
首先在主页面：

切换后的页面是：

而对应上图的111111,22222, 3333区域动态填充，其代码如下：
主页面的对应的html:

对应的home页面得html:

对应的about页面的html：

路由配置的js代码：

about下的view是动态配置的效果