Question

我有一个单页角度应用程序，这是我的index.html文件：

<html ng-app="myApp">
...
<div id="bash">...</div>
...
<div id="menu">...</div>
...
<div ng-view></div>
...
</html>

然后我有一个带有模板的家用控制器和一个带有自己模板的about us controller。我希望他们的模板出现在已经发生的ng-view中，但我希望#bash仅在url以/home结束时出现，并在url以其他任何内容结束时隐藏。

我不能通过家庭控制器这样做，因为它在ng-view

之外

并且我不能通过普通的JS文件来执行此操作，因为应用程序加载了一次。

我可以通过每个控制器并有一个js函数改变#bash的css并将显示变为false但我宁愿在一个地方有一个条件而且我确信它是可行的。有什么想法吗？

Answer 1

为什么你不能从家庭控制器那里做到这一点？

<div id="bash" ng-show="bashShown()">...</div>

...

$scope.bashShown = function() {
    return $location.path().endsWith('/home');
};