Динамические угловые выражения 2 привязаны к виду

Question

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

Controller.ts

variable = 'some text'; 
dynamicContent =' 
    {{variable}} 
    Or 
    <a [routerLink]="contact"]></a>'; 

View.html

<div> 
    {{dynamicContent}}//plain text 
    <div [innerHtml]="dynamicContent"></div> //html without angular expressions 
</div> 

Так innerHtml близко. Он может создавать html, но не может понять угловые выражения. Я узнал ng-динамический модуль, но он также освобождает только html. Лучшее решение atm - это html-выход, который я нашел на некоторых проблемах в стеке. Но он не поддерживает AOT ...

Answer 1

Угловой никогда не обрабатывает динамический контент, за исключением того, что он удаляет некоторые материалы, относящиеся к безопасности, если они не дезинфицированы. Угловые привязки и компоненты только обрабатываются при добавлении к шаблону компонентов статически.

Вы можете создать компонент динамически, где вы положили динамическое содержимое в них шаблону компоненты,

Смотрите также Equivalent of $compile in Angular 2

Answer 2

Вы должны написать это:

dynamicContent = this.variable + ' Or <a href="#/contact"></a>'; 

Вот plunker: https://plnkr.co/edit/EqJRUs3mGKwjnXzbuwAo?p=preview