Javascript 操纵dom时发生ckeditor抛出错误7

我正在管理用户的帖子。每个用户都可以评论帖子。但是当文章被“解决”后，我想隐藏允许用户添加评论的编辑器

我在post detail组件中使用了这段代码：

  <div *ngIf="!(ticket?.status === 'solved')">
    <app-response-add [res]="respon"></app-response-add>
  </div>

    <div class="card-body">
        <ck-editor [(ngModel)]="responseContent" class="editor" [config]="{ toolbar: [ 'heading', '|', 'bold', 'italic' ] }"></ck-editor>
        <button data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="btn btn-sm btn-success mt-2" (click)="onAddResponse()">Ajouter</button>
    </div>

这是响应添加组件：

  <div *ngIf="!(ticket?.status === 'solved')">
    <app-response-add [res]="respon"></app-response-add>
  </div>

    <div class="card-body">
        <ck-editor [(ngModel)]="responseContent" class="editor" [config]="{ toolbar: [ 'heading', '|', 'bold', 'italic' ] }"></ck-editor>
        <button data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="btn btn-sm btn-success mt-2" (click)="onAddResponse()">Ajouter</button>
    </div>

阿约特

它抛出了这个错误

错误类型错误：无法读取null的属性“unselectable”

Ps：当我从应用程序响应添加标记中删除ngIf表单时，一切都很顺利