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中创建变量 –