我不知道如何在模板中“包含”部分内容。例如,我有一个模板“索引”。当用户导航到“/”时,我喜欢从部分(登录框和其他一些文本 div)重新渲染“索引”上的一些 div,当用户导航到“/newAccount”时,我喜欢在“索引”上重新渲染相同的 div,但是与其他部分。
问题是,这是正确使用 AngularJS 的方式吗?类似于 Facelets 上的包含?
谢谢!;)
这是我想法的伪代码:
模板:
<html>
<body>....{include:mainBox}....{include:foot}...</body>
</html>
/newAccount 的部分内容:
{定义主框}
<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
})