如何为父元素添加类购买单击子按钮Angular 8答案

【问题标题】：How to add class for parent element buy clicking child button Angular 8如何为父元素添加类购买单击子按钮Angular 8
【发布时间】：2019-12-17 00:46:01
【问题描述】：

我想通过点击子按钮为父元素添加一个类

一些文字...... 标题文字 +

    <div class="collapseBox border mb-2" [ngClass]="{active: active2}">
            <div class="collapse_inner">
                    some text....
            </div>
            <div class="header py-2 px-2">
                    <h5 class="mb-0">title text</h5>
            </div>
            <button (click)="active1!= active1">+</button>
    </div>

我想通过单击按钮折叠目标 div，我试图在单击按钮时将活动类添加到父 div

【问题讨论】：

这样，你可以从孩子How to add class to parent in the angular application?改变父母的风格（添加一个新的类）

标签： javascript angular angular8

【解决方案1】：

使您的 ngClass 成为三元组并在 ngClass 中定义您当前的类。

<div [ngClass]="active ? 'collapseBox border mb-2 active' : 'collapseBox border mb-2'">

另外你的点击分配逻辑不正确，试试

(click)="active = !active"

【讨论】：

感谢您的回答，但我知道我做错了。

【解决方案2】：

我做错了应该是的点击功能。 (点击)="active1 = !active1"

【讨论】：