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

Question

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

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

    <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

Answer 1

将ngClass设为三元，并在ngClass中定义当前的类。

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

您的点击分配逻辑也不正确，请尝试

(click)="active = !active"

Answer 2

我错误地执行了点击功能。 （click）=“ active1 =！active1”