基於桌面或移動的角度2不同視圖

Question

我在網站上工作，基於桌面/移動版本的功能略有不同。

我試圖通過@View應用它，但它看起來像這個裝飾器已被棄用。 請告訴我最好的實踐中，如何實現在角2

Answer 1

的ng2-responsive包應該掩住需要：https://www.npmjs.com/package/ng2-responsive

我還沒有廣泛使用它，但它似乎在做一個體面的工作。

@View合併爲@Component（很久以前）。 @Component應該是您需要的唯一裝飾者。

Answer 2

此功能目前最好更換@View裝飾用的*ngIf這樣的：

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

Answer 3

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