Директива InnerHTML, игнорирующая HTML-теги в Angular - PullRequest
Новая
       23

Директива InnerHTML, игнорирующая HTML-теги в Angular

0 голосов
/ 20 марта 2019

Я хотел бы выделить часть текста жирным шрифтом.

Я получаю текст из определенного файла.

"INFORMATION": "<b>Here's an </b> example of text"

Я бы сделал Here anжирный.

В моем component.ts 

ngOnInit() {
  this.definition = INFORMATION
}

В моем html-шаблоне 

<span [innerHTML]="definition | translate"></span>

Что я получаю:

Вот примерtext

Что я ожидаю

Вот пример текста

Это похоже на Angular игнорирует HTML-теги

1 Ответ

0 голосов
/ 20 марта 2019

Здесь неисправен не Angular, а труба перевода.

Привязка HTML к [innerHTML] (или [outerHTML]) является правильным способом рендеринга html из переменной, поэтому проблема должна заключаться в конвейере перевода, который выполняет некоторую логику для фильтрации тегов HTML.

Если вы используете ngx-translate:

Привязка произойдет правильно при первом разрешении канала, и вы получите свой HTML в своем внутреннем HTML.

Но в следующий раз, когда канал разрешится, он будет принимать только содержимое элемента.

...