我正在使用 Angular 6 来构建我的应用程序。在此,我从ang-jsonEditor NPM模块添加了JSONEditor。在此编辑器中,我们可以选择使用 onChange 方法检测更改事件。问题是,仅当我们实际更改该编辑器的内容时,才会触发此方法。就我而言,我有一些对象将是第一次的默认设置,我可以在JSONEditor屏幕上看到该JSON对象,但是我无法获取该对象。当我尝试获取(没有检测到更改事件)时,它给我未定义的信息。有人可以帮我解决这个问题吗?
我的组件ts文件是:
public editorOptions: JsonEditorOptions;
@ViewChild(JsonEditorComponent) editor: JsonEditorComponent;
constructor() {
this.editorOptions = new JsonEditorOptions();
}
ngOnInit() {
this.editorOptions.onChange = () => {
this.change();
};
change(): void {
console.log(this.editor.getText());
}
和我的组件模板文件如下:
<div class="jsoneditor-wrapper" [ngClass]="cssClass">
<json-editor
[options]="editorOptions"
[data]="data">
现在,在这种情况下,模板文件中的数据仅是默认值,该默认值将在首次显示在JSON Editor屏幕上。我想在要创建的自定义事件中访问这些数据。
如果可以使用[[ngModel)]来获取数据,那就太好了。