ウィンドウの幅に応じて、anglejsのヘッダとフッタを条件付きで隠す/表示する方法は？

Question

私はangularjsのヘッダーとフッターを扱っています。私は、モバイルビューとwebviewのヘッダーが異なります。ウィンドウの幅に応じて、角度ジェネレータのヘッダを条件付きで処理するにはどうすればよいですか？次のように

は今、私はjQueryを使ってこれをやっている：

if (window.matchMedia('(max-width: 768px)').matches) { 
//hidewebheader; 
//show mobileheader; 
} else { 
    //hidemobileheader; 
    //showwebheader; 
} 

がどのように私はangularjsでこれを実現します。 header.htmlには、Webヘッダーとモバイルヘッダー用に2種類のマークアップを持つ1つのファイルがあります。

Answer 1

inject $ window。私は$ window.innerHeightがあることを知っているので、$ window.innerWidth（試していない）だと思います。幅で$ scope。$ watchを使い、ng-ifを使って今見せているヘッダを決める。

ちなみに、私たちはブートストラップを使用しており、CSS専用のソリューションでそこで行うのが良い方法があります。私はブートストラップがシーンの後ろの@mediaを使うと思います。私はあなたの問題に角度またはjsを使用する必要があるかどうかはわかりません。 CSSを使用してください。