HTML шаблон назначения в Angular - PullRequest
Новая
       372

HTML шаблон назначения в Angular

0 голосов
/ 21 мая 2019

Допустим, у меня есть шаблон HTML ниже, что является лучшим способом присвоить его переменной в Angular Project 

public template = '<html><body> <p>This is a p tag</p>

     </body></html>'

Как сделать такое назначение в машинописи?

Ответы [ 2 ]

0 голосов
/ 21 мая 2019

Если у вас есть проект, который работает с Angular 7. ^, вы можете использовать привязку с 

<div [innerHtml]='template"></div>

Где template объявлено в компоненте как 

template = '</p>This is a p ta</p>'

Есливаша версия старше 7, вы должны очистить свой bindig с помощью 

<div [innerHTML]="template | safeHtml"></div>

В любом случае, зачем объявлять переменные общедоступными, если это значение по умолчанию?

0 голосов
/ 21 мая 2019 
public template = '<p>This is a p tag</p>'

В HTML 

<div [innerHtml]="template"></div>
...