Question

我不知道如何在模板上“包含”部分内容。例如，我有一个模板“索引”。当用户导航到“/”时，我喜欢从partials（登录框和其他一些文本div）渲染“index”上的一些div，当de user导航到“/ newAccount”时，我喜欢在“index”上渲染相同的div但是与其他人分开。

问题是，这是使用AngularJS的正确方法吗？类似于Facelets上的包含？

谢谢！ ;）

这是我的想法的伪代码：

模板：

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

/ newAccount的部分内容：

{define mainBox}

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

{define foot}

<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
   })

Answer 1

使用ng-include。也许你想要的是ng-view + $routeProvider