каковы возможные способы привязки переменной к ее строковому эквиваленту в angular

Question

Мне нужен способ привязать переменную к строке.

например, в Ts:

name = '{{first}}';

и в HTML, если у меня есть:

 <input [(ngModel)]="first">
 <div> {{name}} <div>

Это должно возвращать то, что когда-либо было введено во входные данные, а не '{{first}}'. Как я могу этого добиться?

У меня есть тестовый код в stackblitz

Answer 1

Возможно, я неправильно понял ваши требования, но Angular уже поддерживает двустороннюю привязку

Обновлен stackblitz здесь .

Answer 2

Вы не можете использовать интерполяцию {{ }} в контроллере. Это ограничено шаблонами HTML.

Что вы можете сделать, так это назначить переменную-член с помощью ключевого слова this.

export class AppComponent  {
  name = 'Angular';
  name1 = this.name;
}

Однако это одноразовое назначение. Любые изменения переменной name с помощью тега <input> не повлияют на переменную name1.