デスクトップまたはモバイルに基づく角度の異なる2つのビュー

Question

私はウェブサイト上で作業していますが、デスクトップ/モバイルのバージョンに基づいてわずかに異なる機能があります。

@Viewで適用しようとしましたが、このデコレータは廃​​止予定です。

<div *ngIf="isMobile"> 
    modile stuff 
</div> 
<div *ngIf="!isMobile"> 
    desktop stuff 
</div> 

Answer 1

ng2-responsiveパッケージには、あなたのカバーすべきである： 、@Viewデコレータは、このような*ngIfを使用している交換する最高の瞬間での角度2.

Answer 2

でこの機能を実装する方法を、私のベストプラクティスを教えてくださいニーズ：https://www.npmjs.com/package/ng2-responsive

私はそれを広範に使用していませんが、まともな仕事をしているようです。

@Viewは@Component（複数年前）にマージされました。 @Componentが必要な唯一のデコレータである必要があります。

Answer 3

@Component({ 
    selector: 'my-component', 
    templateUrl: "./" + (window.screen.width > 900 ? 
        "my-component.desktop.html" : 
        "my-component.mobile.html"), 
    styleUrls: ['./my-component.css'] 
})