Angular 2 - Отображать переменную внутри переменной в шаблоне

Question

Я совершенно новый в Angular 2, и я хочу показать в своем шаблоне строку в переменной, которая должна содержать внутри другой переменной. Я покажу вам упрощенный пример того, что моя проблема и что я хочу добиться:

---

questionnaire.component.ts

/* Starts being "", populating an input text will modify this */ 
name = "Albert"; 

/* This variable comes from calling an API, here I just put it as created to simplify */ 
question.title = "Hello {{name}}, how old are you?"; 

questionnaire.template.html

<p>{{question.title}}</p> 

---

В результате я получаю:

Здравствуйте, {{name}}, сколько вам лет?

и мой желаемый результат будет:

Здравствуйте Альберт, сколько вам лет?

Я попытался спасаясь от «{{}}» в строке, хранящейся на моей БД, используется ASCII символ вместо фигурных скобок, положить его в [innerHTML] ... но результат всегда было одинаковым.

Вы знаете, как я могу это решить?

спасибо!

Answer 1

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

Просто измените его

question.title = `Hello ${this.name}, how old are you?`; 

использовать машинопись интерполяцию строки.

Answer 2

В angular2 вы должны использовать это ключевое слово

Например, $ {} this.name