UI路由器 - 嵌套視圖沒有顯示出來（未燒製$ viewContentLoaded）

視圖/ index.jade：

extends layout 

block content 
    div(ui-view)

視圖/分音/ 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' 永遠不會叫上嵌套的觀點，不知道爲什麼。任何不應該被調用的情況？

來源

2014-10-17 saw

從IRC頻道快速幫助，我設法解決它。

問題與4號線在玉文件：

div(ng-view)

從默認某種原因玉將呈現空屬性與價值等於名稱。所以結果HTML是：

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

一個簡單的辦法是將它設置爲空值在玉

div(ng-view="")

而現在它的工作原理。

再次感謝IRC的人們。

來源

2014-10-17 13:54:05 saw

如果您正在使用一飲而盡指定文檔類型爲HTML5使玉知道無名的標籤是有效

咖啡腳本示例

# Compile jade to html 
gulp.task 'jade', -> 
    gulp.src paths.jade 
    .pipe jade({pretty: true, doctype: 'html')

來源

2015-06-24 06:53:00

UI路由器 - 嵌套視圖沒有顯示出來（未燒製$ viewContentLoaded）

回答

相關問題