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。