javascript - Ui Router - 嵌套 View 未显示($viewContentLoaded 未触发)

Question

views/index.jade:

extends layout

block content
  div(ui-view)

views/partials/user.jade

h1 Route 1
hr
a(ui-sref=".profile") Show Content
div(ui-view)

js/appStates.js

'use strict';

var app = angular.module('myApp');

app.config(['$stateProvider', '$urlRouterProvider',
  function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/user");

    $stateProvider
      .state('user', {
        url: '/user',
        templateUrl: 'partials/user'
      })
      .state('user.profile', {
        url: '/profile',
        template: '<h1>My Contacts</h1>'
      })
    ;
  }
]);

“我的联系人”永远不会出现。请注意，该链接似乎是正确的。不确定发生了什么。

我尝试了以下方法:

http://tech.endeepak.com/blog/2014/05/03/debugging-angular-ui-router/

我注意到“$viewContentLoaded”从未在嵌套 View 上调用，不知道为什么。有哪些情况不应该调用它？

Answer 1

通过 IRC channel 的快速帮助，我成功解决了这个问题。

问题出在jade文件中的第4行:

div(ng-view)

出于某种原因，默认情况下，jade 会呈现值等于名称的空属性。所以结果 html 是:

<div ng-view="ng-view"></view>

一个简单的解决方法是将其设置为 jade 中的空值

div(ng-view="")

现在它可以工作了。

再次感谢 IRC 的工作人员。