角度Ui路由器與Jade嵌套視圖斷開

角度UI路由器按預期工作，只要我不使用嵌套狀態。例如，這個工程：角度Ui路由器與Jade嵌套視圖斷開

$urlRouterProvider.otherwise("/marketing"); 
$stateProvider 
    .state('marketing', { 
    url: '/marketing', 
    templateUrl: 'partials/marketing', 
    }) 
    .state('landing', { 
    url: '/landing', 
    templateUrl: 'partials/marketing-landing', 
    }) 
    .state('features', { 
    url: '/features', 
    templateUrl: 'partials/marketing-features', 
    })

這並不：

$urlRouterProvider.otherwise("/marketing"); 
$stateProvider 
    .state('marketing', { 
    url: '/marketing', 
    templateUrl: 'partials/marketing', 
    }) 
    .state('marketing.landing', { 
    url: '/landing', 
    templateUrl: 'partials/marketing-landing', 
    }) 
    .state('marketing.features', { 
    url: '/features', 
    templateUrl: 'partials/marketing-features', 
    })

在兒童URL（即/營銷/登陸。）要麼通過SREF鏈接或直接加載任何情況下，網址輸入，只顯示父部分（partials/marketing），儘管地址欄更改爲子網址。

Index.jade：

div(ui-view)

marketing.jade：

h1 marketing layout 

div(ui-view)

營銷landing.jade：

h1 This is the landing page

營銷features.jade：

h1 This is the features page

這是我第一次使用AngularUI。讓我知道我可以提供的任何其他相關信息。

來源

2014-01-20 max

原來是由UI-Router（不知道是哪一個）做出的Jade /糟糕的假設中的一個錯誤。 From：https://github.com/angular-ui/ui-router/issues/247

在您的jade文件中使用HTML。玉不會擴大它。

來源

2014-01-20 23:24:59 max

首先.ui-view - 工作正確！但嵌套的UI視圖必須是普通的HTML標記是這樣的：

.row 
    .col-md-12 
    h4 Nested UI-VIEW 
    <div ui-view></div>

來源

2015-02-10 08:28:57

分配一個空字符串到UI視圖屬性似乎爲我工作。這將純HTML保存在jade模板中，並提供了在ui-view中嵌套默認jade內容的功能。

.row 
    .col-md-12 
    h4 Nested UI-VIEW 
    div(ui-view='') 
     p Using this approach we can have default content before ui-view is loaded

來源

2015-11-10 21:48:46 cmwoodall

角度Ui路由器與Jade嵌套視圖斷開

回答

相關問題