AngularJSの画面サイズに応じて異なるディレクティブをロードしますか？

Question

私は1つの異なるコンポーネントのレイアウトが、より大きな画面と小さな画面で指示で読み込まれています。

AngularJSでは可能ですか？

はhereとhereからドキュメントを読みましたが、運

Answer 1

あなたはと角度に画面サイズを取得することはできません。この行に基づいて

$scope.windowWidth = $window.innerWidth; 

---

、ちょうどng-ifまたはng-showあなたのdiv：

<div directive1 ng-if="windowWidth < 768"> 
    Directive1 on small screens 
</div> 

<div directive2 ng-if="windowWidth >= 768"> 
    Directive2 on large screens 
</div> 

Answer 2

ディレクティブ内で$window.innerWidthプロパティを使用し、それに従ってテンプレートを操作できます。