首页 > 网站 > WEB开发 > 正文

angular-ui-router 多视图views

2024-04-27 15:08:06
字体:
来源:转载
供稿:网友

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是动态配置的效果


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表