是否可以从ng-view外部添加angular.js模板?

时间:2013-12-23 23:08:22

标签: angularjs

我希望在ng-view之外有一个登录视图,但是甚至可以使用angular.js吗?无法找到任何在互联网上的例子。示例如下所述。

<div class="container">
    <div class="header">
        <div class="loginView"> my huge login view</div>
    </div>
</div>

<div class="container">
    <div ng-view></div>
</div>

3 个答案:

答案 0 :(得分:1)

是。将控制器分配给loginView并将其视为任何其他视图。

ng-view仅在使用$routeProvider定义路径时使用。

答案 1 :(得分:1)

这完全有效。 ngView用于补充路由器。这意味着它只是一个指令。你可以把任何东西放在它周围。

答案 2 :(得分:1)

听起来你想要这样的东西: Live demo here (click).

<div class="container">
  <div class="header">
    <div class="loginView" ng-include="'login.html'"></div>
  </div>
</div>

您还可以在$scope属性中包含您的文件,如下所示:

$scope.foo = 'login.html';

<div ng-include="foo"></div>