Мне нужно отображать внутренний html плюс контент между div. Мне нужно одно сообщение в innerHTML, то есть уведомление. сообщение и содержимое как кнопка между тегом. кнопка должна быть одинаковой для всех динамических сообщений. это кнопка закрытия. вместо повторения кнопки закрытия мне нужно динамически изменять сообщение и держать кнопку закрытия как есть. пожалуйста, помогите мне сделать это ...

Я хочу конвертировать

<div [innterHTML]="message"><button></div> to

<div>message <button>X</button></div>

Когда я пытаюсь преобразовать приведенный ниже код, я не получаю кнопку закрытия, отображается только контент.

<ng-container *ngFor="let notification of src.notifications">
    <div class="elementToFadeInAndOut">
      <div
      class="notification is-toast"
      style="margin-top: 10px; float:right;"
      data-e2e="notifier-toast"
      [innerHTML]="notification.message"
    >
    <button class="close" (click)="src.destroy(notification)" data-e2e="notifier-close">
        <span class="icon">
          <i class="fal fa-times fa-lg"></i>
        </span>
      </button>
    </div>
    </div>
   
  </ng-container>
0
user2342971 12 Окт 2020 в 11:52

2 ответа

Лучший ответ

Я не думаю, что это возможно, по крайней мере, я не знаю. Почему бы вам просто не использовать диапазон?

<ng-container *ngFor="let notification of src.notifications">
    <div class="elementToFadeInAndOut">
      <div
      class="notification is-toast"
      style="margin-top: 10px; float:right;"
      data-e2e="notifier-toast"
    >
    <span [innerHTML]="notification.message"></span>
    <button class="close" (click)="src.destroy(notification)" data-e2e="notifier-close">
        <span class="icon">
          <i class="fal fa-times fa-lg"></i>
        </span>
      </button>
    </div>
    </div>
   
  </ng-container>
0
MoxxiManagarm 12 Окт 2020 в 09:04

Если я прав, вы хотите отобразить / показать как ваше сообщение, так и кнопку внутри div. тогда вы можете использовать интерполяцию здесь вместо innerHtml, если у вас нет HTML-кода в notification.message. Пожалуйста, исправьте, если я неправильно понял ваш запрос.

<ng-container *ngFor="let notification of src.notifications">
    <div class="elementToFadeInAndOut">
      <div
      class="notification is-toast"
      style="margin-top: 10px; float:right;"
      data-e2e="notifier-toast"
    >
    {{notification.message}}
    <button class="close" (click)="src.destroy(notification)" data-e2e="notifier-close">
        <span class="icon">
          <i class="fal fa-times fa-lg"></i>
        </span>
      </button>
    </div>
    </div>
   
  </ng-container>
0
Sahil Jalan 12 Окт 2020 в 09:03