2014-03-29 83 views
0

我的問題是非常相似的Hide element outside the ng-view DOM based on route是否有可能影響視圖外的DOM元素的可見性?

如果可能的話,我想有一個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的解決方案?

+0

如果它超出了你的控制器的範圍,你需要用vanilla js和css來做。 –

回答

0

你可以得到你的控制器內$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; 
    } 
} 
+0

因爲'$ rootScope'每個應用程序爲什麼需要添加前綴'this'分配一個單獨的對象?你能解釋一下還是指出現有的解釋? –

+0

你不需要。我只是讓它成爲控制器的公共成員,以顯示您可以將其用作成員'public $ rootScope' – basarat

相關問題