2012-07-01 35 views
0

我不知道如何在模板上「包含」部分。例如,我有一個模板「索引」。當用戶導航到「/」我喜歡從部分(登錄框和其他一些文本div)的「索引」上渲染一些div時,當de用戶導航到「/ newAccount」時,我喜歡在「index」上重新渲染相同的div,但與其他偏見。結構我的angularjs應用程序

問題是,這是使用AngularJS的正確方法?類似於Facelets上的包含?

謝謝! )

這裏我的主意的僞代碼:

模板:

<html> 
    <body>....{include:mainBox}....{include:foot}...</body> 
</html> 

局部模板爲/ newAccount:

{限定mainBox}

<div>New user</div> 
<div>Username:<input/></div> 

{定義腳}

<div>...</div> 

更新:

有些人喜歡,這是錯的?

function IndexCtrl($scope) { 
    $scope.mainPage = 'partials/index/loginbox.html', 
    $scope.footPage = 'partials/index/footer.html', 
} 

後在模板中我把:

<div ng-include="mainPage"></div> 
... 
<div ng-include="footPage"></div> 

和路由:

when('/', { 
     templateUrl: 'partials/index/layout.html', 
     controller: IndexCtrl 
    }) 
+0

這很好,如果模板url永遠不會改變你可以把url作爲字符串放在ng-include中而不用在$ scope中創建變量 –

回答