2016-08-17 12 views
3

モバイルとデスクトップのテンプレートは非常に異なりますが、コンポーネントには1つのロジックがあります。別々のファイルでモバイルとデスクトップのテンプレートとデザインを別々にする必要があります。私は画面に応じてテンプレートとデザインをインクルードしたい。コンポーネントのモジュラー2でモバイルとデスクトップのテンプレートとスタイルを分離する方法は?

答えて

1

あなたはAngular2チームが直接@View()デコレータを使用してこれをサポートしようとする試みがあったが、良い戦略であるように思わなかったので、いくつかのバージョンの前にそれを削除*ngIf

template: ` 
<div *ngIf="isMobile"> 
    mobile content 
</div> 
<div *ngIf="!isMobile"> 
    desktop content 
</div> 

を使用することができます。現在、あなたが望むものに対する組み込みのサポートはありません。

+0

ありがとうございます!このメソッドを使用する場合は、多くのコードが必要になります。他の方法はありますか? –

+0

最初のコンポーネントでデバイスの解像度をチェックし、別のコンポーネントでユーザーがリダイレクトすることがあります –

+0

ビルドツールはこれを可能にしているようですが、私はTSをusindではなく、詳細を知らないのです。私はあなたが2つの異なるアプリケーションを構築する必要があると思います。 –

関連する問題