Angular 2删除另一个元素上的类（同一模板）

有人知道如何使用（单击）从同一模板中的另一个元素中删除元素的类吗

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

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

显示选项
...

使用绑定：

在组件中：

public hideMeClassPresent = true;

在模板中：

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

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

显示选项
...

这是基本的角度原则：不进行DOM操作。修改模型后，模板将根据模型生成HTML。

使用绑定：

在组件中：

public hideMeClassPresent = true;

在模板中：

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

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

显示选项
...

---

这是基本的角度原则：不进行DOM操作。您修改模型，模板将根据模型生成HTML。

（单击）=“options.classList.remove（'hideMe'）”

，但最好使用JB Nizet在下面所说的解决方案

（单击）=“options.classList.remove（'hideMe'）”

，但最好使用JB Nizet在下面所说的解决方案谢谢！）谢谢你的支持！：）