Angular 2刪除另一個元素上的類（相同的模板）

Question

有誰知道如何從同一個模板中的另一個元素（單擊）中刪除元素的類？

<button (click)="#options.classList.remove("hideMe")('hideMe')" class="mobile-only"> 
     Show options 
</button> 

<div #options id="optionsDiv" class="hideMe"> 
     ... 
</div> 

Answer 1

使用綁定：

在組件：

public hideMeClassPresent = true; 

在模板：

<button (click)="hideMeClassPresent = false" class="mobile-only"> 
    Show options 
</button> 

<div id="optionsDiv" [class.hideMe]="hideMeClassPresent"> 
    ... 
</div> 

這是基本的角原理：你不這樣做DOM操作。您可以修改模型，並根據模型生成HTML。