2016-03-15 64 views
0

我使用Metronic AngularJS主題(click here)和開發應用程序使用AngularJS和MVC。側邊欄,頁眉和頁腳分爲不同的部分。我們只是使用下面的代碼來包含它們。基於選定的頁面顯示/隱藏標題徽章在angularjs

<div data-ng-include="'~/App/common/views/layout/header.cshtml'" data-ng-controller="common.views.layout.header as vm" class="page-header navbar navbar-fixed-top md-shadow-zero-light"> 

在頁眉中,我們有一個徽章,我們希望顯示其他頁面而不是儀表板。當用戶打開儀表板時,它應該隱藏起來,對於其他應該顯示的內容。 我想用標誌來解決這個問題,這個標誌是在頭文件控制器下定義的。

我的問題是,當我們在頁面之間導航時,它不會再次調用頭控制器。它正在調用和加載一次。

任何機構可以幫助我,我該如何解決這個問題?

解決的問題:

我用下面的代碼解決了我的問題。

<li data-ng-show="$state.includes('incentives')" class="dropdown dropdown-quick-sidebar-toggler"> 

app.run(function($state, $rootScope){ 

$ rootScope。$ state = $ state; });

我在Pankaj Parker'sreply的幫助下解決了我的問題。

+0

顯示與你使用的 –

+0

下面是截圖標誌代碼。 http://screencast.com/t/h3V97KFf9cd 我認爲這不是正確的使用方法。 –

回答

0

我認爲有更好的方法來實現你想要的東西,但是這可能會涉及到代碼中的重大難題,這可能不是你想要的。爲了得到我們現在的工作,我建議在data-ng-include中使用一個三元組,記住,它接受一個表達式。

如果可能的話,試試這個:

<div data-ng-include="vm.currentLocation === true ? '~/App/common/views/layout/header.cshtml' : null" ...rest of the line