如何从另一个组件读取/显示[（ngModel）] HTML /文本数据

Question

• 我正在使用ngx编辑器Editor-code和docmentation
我创建了2个组件
1. 编辑器组件[子组件]
2. share-component [父组件]

编辑器组件-已创建ngx编辑器并进行了配置

`

<app-ngx-editor [config]="editorConfig" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
<div *ngIf="htmlContent" class="htmlblock block">
<h6>HTML Output</h6><div class="html">{{ htmlContent }}
</div>

`

• 在此处在编辑器中输入注释时，便可以在另一个div上看到
• 我希望从另一个共享组件中读取 [（ngModel）] =“ htmlContent” ，
• 我在share-component中有shareButton，当单击按钮时，我需要在控制台上查看该数据

我的共享组件

`

<div class="editorbtn">
<button class="btn"(click)="shareContent()">Share Editor</button>
<div class="editor">
<app-editor [htmlContent]="htmlContent" *ngIf='editorStatus'></app-editor>
</div>

`

我的共享组件ts

`

@Input() editorStatus = false;
@Output() htmlContent;
shareContent() {
console.log('Output Html content:  'this.htmlContent);
// console.log('Output Html content using emit:  'this.htmlContent.emit());
}

`

• 我已经尝试了上面的代码，但是没有用，获取空值，我需要从 app-ngx-editor ngModel 数据中获取
  • 请帮助解决这个问题，在角度6上还很新，我需要在ngModel上理解