Как использовать директивы ngfor и ngif в CKEditor - PullRequest
0 голосов
/ 10 октября 2019

Я использую 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>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...