Как читать / отображать [(ngModel)] HTML / текстовые данные из другого компонента - PullRequest
Новая
       51

Как читать / отображать [(ngModel)] HTML / текстовые данные из другого компонента

0 голосов
/ 13 марта 2019
  • Я использую ngx-редактор Код редактора и Документация
  • Я создал 2 компонента
    1. редактор-компонент [дочерний компонент]
    2. share-компонент [родительский компонент]

editor-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" чтение из другого компонента общего ресурса,
  • У меня есть 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 data
    • пожалуйста, hELP по этому вопросу, я очень новичок в этом угловом 6, мне нужно понять, на этом ngModel
...