angular2のスクロールでメニューバーをスライドさせる方法

Question

私のangular2には、スクロールダウンしてメニューが消えてからスクロールすると、メニューバーが再表示されるように、navbarを作成します。

<div class="nav-bar> 
    <a href="#">Hello</a> 
    <a href="#">About</a> 
    <a href="#">Contact</a> 
</div> 

これについては、angular2のtypecriptコンポーネントでどのように動くかわかりません。

Answer 1

あなたは、2つのオプションがありDBからそれを提供する、またはモデルに基づいて新しいitemnを作成mavigation項目モデルにその後

export class Navigation { 
id: number; 
title: string; 
displayed: boolean; 
url: string; 
} 

を作成します。メインクラスで

番目のオプション：

nav[]: Navigation[] = []; 

constructor(public navigation: Navigation) { 
let navigationHome = new Navigation(); 
navigationHome = { 
id:1, 
title: "home", 
displayed: true, 
url: "/home" 
} 
    [...] 


this.nav.push(navigationHome, [...]) 
} 

そしてHTML、内部のルータのHTMLに表示します。私はこれをこのようにしましたが、私はdbから購読してそれを提供します。