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