AngularJS:UI路由器不加载模板和控制器

瓦格纳·莫雷拉(Wagner Moreira)

所以我试图了解我的代码中的错误,当我访问/ dashboard时,它只加载第一个路由“ root”的模板,即SYSTEM_VARS.includes.general.root,但将console.log加载到resolve中状态为root.dashboard.home

我在index.html中添加了ui-view指令

请检查我的routes.js文件

控制台记录路由的console.logs:

State ROOT: Resolve root
Current State: DASHBOARD
Current State: DASHBOARD.HOME

/ dashboard状态模板的内容只是一个<h1>DASHBOARD HOME</h1> for tests 简短说明: / dashboard状态不会加载模板和配置的控制器。

安德烈亚斯·贾格尔(AndreasJägle)

请注意,状态名称中的点会产生嵌套状态。每个嵌套状态都希望包含在ui-view父状态模板中。

这似乎在root.dashboard之间正确设置root.dashboard.home

但是其模板root.dashboard本身并未正确插入索引页面,因为您在索引页面中使用了未命名的ui视图,但已将状态配置为使用名为的命名视图contentView删除views属性并定义templateas后应立即修复此问题uiViewroot.dashboard状态应该是这样的:

{
    abstract: true,
    url: '/dashboard',
    template: uiView,
    resolve: {
        data: [function () {
             console.warn('Current State: DASHBOARD');
        }]
    }
}

有关参考,请参阅:https : //github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#example---name-matching

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

角度UI路由器中的延迟加载模板和控制器

AngularJS ui路由器$ state.go('^')仅更改地址栏中的URL,但不加载控制器

角度UI路由器错误的模板和控制器

angular-ui-router仅加载模板,而不加载控制器

AngularJS 路由器不加载在`templateURL` 上提供的页面

如何让AngularJS路由器在导航时更新控制器值,而不是重新加载整个控制器?

Angular中的UI路由器子状态未加载控制器

角UI路由器未加载我的控制器

AngularJS:ui路由器解析后无法到达控制器中的变量

AngularJs ui路由器成功过渡获取控制器

从控制器中调用angularjs UI路由器状态

AngularJS-如何从ui路由器引用子模块控制器?

AngularJS-> UI路由器,在哪里定义控制器

AngularJS UI路由器抽象状态不调用控制器

AngularJS UI路由器控制器访问解析属性,未知提供程序

ui路由器状态更改时,清除共享的AngularJS控制器变量

UI路由器多视图单个控制器

UI 路由器,从父控制器传递数据

无法使用UI路由器和“ controller as”语法访问视图中的控制器属性

ui路由器的作用域和控制器实例化

角度ui路由器多个嵌套和控制器数据

实体以某种方式在ui路由器解析和控制器之间分离

Koa中的独立路由器和控制器

控制器和路由器之间的区别?

ui路由器控制器或角度控制器

角度控制器偶尔不加载

如何让模板等待路由加载数据控制器依赖?

每个选项卡中具有相同控制器的不同实例的粘滞状态:Angularjs UI路由器

AngularJS angular ui路由器-将自定义数据传递给控制器