我们可以将[(ngModel)]从Angular 6绑定到JSONEditor

时间:2018-07-09 10:40:16

标签: javascript typescript angular6

我正在使用 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)]来获取数据,那就太好了。

0 个答案:

没有答案