AngularJS:UI-Router空白页调试

Question

我只是想知道当你有UI-Router的空白页时,有没有人知道如何调试情况.(当然,在控制台中没有任何错误)

通过对路由器事件执行console.log(从这里开始),我发现它进入了正确的状态但是在我在UI-Router状态中指定的状态控制器内的断点没有停止:

.state('invited-user', {
   parent: 'authPublic',
    url: '/users/invitation/accept?back_link&invitation_token',
    templateUrl: 'auth/invited-form.html',
    controller: 'InvitedUserController',
    data: {
      hidePageNavigation: true
    }
}) 

所以我猜控制器是一个问题.已经试图嘲笑它:

.state('invited-user', {
   parent: 'authPublic',
    url: '/users/invitation/accept?back_link&invitation_token',
    templateUrl: 'auth/invited-form.html',
    controller: function(){
      debugger
    },
    data: {
      hidePageNavigation: true
    }
})  

但遗憾的是没有任何结果.

我寻找当前问题的解决方案和一般方法如何调试这种情况.

Answer 1

于是得出结论，debug的逻辑应该是这样的：

1. console.log 路由器事件（代码在这里）来检查路由器逻辑
2. 检查当前路由器状态的模板（如果需要模拟它）
3. 检查当前状态的控制器（如果需要，可以模拟空函数）
4. 从当前的父状态检查所有模板和控制器，从最近的父级开始并向上。

实际上，如果能够从盒子中排除异常以查看确切的问题会很好，但不幸的是，我们拥有我们所拥有的。