Masaüstü veya mobil tabanlı açısal 2 farklı görünüm

Question

Web sitesinde çalışıyorum, bu masaüstü/mobile sürümüne bağlı olarak farklı işlevlere sahip.

@View aracılığıyla uygulamayı denedim, ancak bu dekoratörün artık kullanımdan kaldırılmış gibi görünüyor.

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

Answer 1

ng2-responsive paket senin kapsamalıdır: , @View dekoratör böyle bir *ngIf kullanıyor yerine iyi Şu anda Açısal 2.

Answer 2

bu özelliği nasıl uygulanacağı, bana iyi uygulamayı bildiriniz ihtiyacı: kapsamlı henüz kullanmadım ama iyi bir iş yapıyor gibi görünüyor https://www.npmjs.com/package/ng2-responsive

.

@View@Component (yaş önce) birleştirildi. İhtiyacınız olan tek dekoratör @Component olmalıdır.

Answer 3

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