是否有可能影响 DOM 元素在视图之外的可见性？

Question

我的问题与Hide element outside the ng-view DOM based on route非常相似

如果可能的话，我希望有一个TypeScript 解决方案，它允许从我现有的控制器中为ng-view 之外的元素的ng-show 属性分配一个值。

我尝试为 $rootScope 属性分配一个值，但它在视图之外的 index.html 中不可见。

这是我在控制器构造函数中尝试过的：

$rootScope.isForm = "true"; 在一个中，$rootScope.isForm = "false"; 在另一个中。

在我的 index.html 中，我有以下内容：

<div class="navbar navbar-inverse">
    ....
    <form <form class="navbar-form navbar-input-group" ng-show="$rootScope.IsForm">
     ...
    </form>
    ...
</div>
...
<div "ng-view">
...
</div>

我应该怎么做？是否还有使用$rootScope的解决方案？

Answer 1

您可以在控制器中获取$rootScope 并在那里进行修改。即

class FooController{
    static $inject = ['$rootScope'];
    constructor(public $rootScope){
         // You can also do this based on some user action. 
         // Just a demo of how : 
         this.$rootScope.IsForm = true;
    }
}