如何以ngx-admin主题动态更新ckeditor配置？

Question

我正在尝试将ckeditor与Ngx-Admin主题结合使用，如here所述。但是当我尝试启用时，动态禁用编辑器的readOnly配置将无法正常工作。这是我的代码。

import { Component} from '@angular/core';
import '../../../ckeditor.loader';
import 'ckeditor';

@Component({
selector: 'ngx-edit',
templateUrl: './edit.component.html',
})

export class EditComponent {

ckEditorConfig: object = {
    'height': 240,
    'removeButtons': 'Maximize',
    'readOnly': false,
};

 onClickReadOnlyBtn(){
     this.ckEditorConfig['readOnly'] = true;
 }

}

HTML代码

<button (click)="onClickReadOnlyBtn()">Make Read Only</button>