1

我用 angularjs 设计我的页面，如下所示

<html>
 <head></head>
 <body>
  <ng-view></ng-view>
  <ng-include="'footer-tpl.html'">
 </body>
</html>

因此，无论何时导航到任何页面都会更改 ng-view，但现在我想要一个没有 < ng-include="'footer-tpl.html'"> 的页面。怎么做？

4

1 回答 1

2

我刚刚意识到您可以将ngHide与ngInclude一起使用：

http://plnkr.co/edit/BBpfQBRgtr7tAK6iFRTR?p=preview

HTML

<div ng-include="'footer.html'" ng-hide="hideFooter"></div>

JavaScript

angular.module('test', []).controller('test', function ($scope) {
    // TODO set this to true to hide the footer, if you don't set it, it stays visible
    //$scope.hideFooter = true;
});

当这个 ngIf 补丁发布后，您可以使用它来代替 ngHide。如果您点击正确的视图，它似乎会阻止 footer.html 甚至被加载，但我对此并不完全确定。

于 2013-04-25T15:01:56.153 回答