2012-07-01 25 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中创建变量 –

回答