Я использую ng2-ckeditor для динамического отображения данных, и он работает должным образом, но когда я использую директивы, такие как ngFor и ngIf, он не дает правильного вывода. Я прочитал документацию ckeditor, но не понял. Пример: я должен отобразить таблицу с помощью ckeditor.
В файле .ts:
policies = [
{id: 0, name: "policy001"},
{id: 2, name: "policy002"},
{id: 3, name: "policy003"},
{id: 4, name: "policy004"},
{id: 5, name: "policy005"},
];
this.mycontent = `
<table>
<thead>
<th># Policy ID</th>
<th>Policy name</th>
</thead>
<tbody>
<tr *ngFor="let policy of policies">
<td>{{policy.id}}</td>
<td>{{policy.name}}</td>
</tr>
</tbody>
</table>
`;
this.ckeConfig = {
allowedContent: true,
forcePasteAsPlainText: true
};
}
В HTML:
<ckeditor [(ngModel)]="mycontent"
#myckeditor="ngModel"
name="myckeditor"
required
[config]="ckeConfig"
debounce="500"
(paste)="onPaste($event)"
(change)="onChange($event)">
</ckeditor>
</form>