Как преобразовать строку в синтаксис Angular2

@Component({ 
     selector: 'my-app', 
     template: `{{name}}` 
    }) 
    export class AppComponent { 
     data: string = "data" 
     name:string 
     constructor() { 
      this.name = "<input [(ngModel)]='data' />" 
     } 
}

Я хочу, чтобы показать текстовое поле и привязку переменных данныхКак преобразовать строку в синтаксис Angular2

источник

2016-10-13 Theerawat Burawat

Это не поддерживается.

Вы можете создавать компоненты во время выполнения, используя класс компилятора (здесь есть ответы и вопросы).

Кроме того, Angular не обрабатывает привязки или селектор компонентов или директив, которые добавлены в DOM, он делает это только с добавлением разметки к шаблону компонентов статически.

источник

2016-10-13 08:09:47

Могу ли я изменить компонент шаблона с помощью функции? Пример editTemplate (шаблон: строка) { компонент ({ templte: шаблон }) } –

Вы не можете динамически делать что-либо с шаблоном, за исключением создания нового компонента во время выполнения. Когда компонент компилируется, шаблон преобразуется в JS, а Angular не использует исходную разметку каким-либо образом. –

Я следую этому примеру, но не работает –

https://stackoverflow.com/a/34424375/2160958

Правильный синтаксис теперь следующее:

<div [innerHTML]="theHtmlString"> </div> Работа в "2.0.0"

источник

2016-10-13 08:12:59 Vardius

В theHtmlString у меня есть {{}} это шоу {{}} –

Это применит строку как html, но не будет работать с угловой директивой и синтаксисом. нет другого способа изменить код, по крайней мере, использовать эту привязку html. – Vardius

Как преобразовать строку в синтаксис Angular2

ответ

Смежные вопросы