*私が持っている4

Question

角度、携帯電話の画面上の一部のコンテンツを非表示ngIf：MAX-幅で

showHide: false; 

<div *ngIf="showHide"> 
    Content 
</div> 

<button (click)="showHide = !showMap"> 
    Button visited only max-width: 768px 
</button> 

を：768px、私がボタンを持っています。 MIN-width：768pxボタンはhideです。 ボタンをクリックすると、DIVが表示されます。 正常に動作します。

しかし* ngIf場合にのみMAX-幅動作させるためにどのよう

：768px？

最大高さ：768px

• ボタンが表示され：ブロック
• DIVが表示される：

分：なし（
ブロックが、私はボタン=ディスプレイ上でクリックしたとき）高さ：768px：

• ボタンが表示されている：なし
• DIVが表示される：私は例500pxなどから1000pxにリサイズする瞬間

をブロック： それは私があなたがwindow.screen.widthを使用することができます

Answer 1

を押したボタンによって異なります。 例：

ngOnInit() { 
    if (window.screen.width === 360) { // 768px portrait 
    this.mobile = true; 
    } 
} 

HTMLは：

角を持つよりも、CSSを介して行う方が良いでしょう

<button *ngIf="mobile" (click)="showHide = !showMap"></button>