angularjs特定页面没有ng-include

时间:2013-04-25 04:56:03

标签: angularjs

我使用angularjs设计我的页面,如下面的

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

因此,无论何时导航到任何页面都只会更改ng-view,但现在我想拥有一个 没有&lt; ng-include="'footer-tpl.html'"&gt;的页面。怎么做?

1 个答案:

答案 0 :(得分: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;
});

this patch for ngIf成为版本时,您可以使用它代替ngHide。如果你看到正确的视图,它似乎会阻止footer.html被加载,但我对此并不完全确定。