Как динамически изменить связанную переменную в Angular? - PullRequest
0 голосов
/ 14 мая 2018

Я думаю, все знают, как работает интерполяция, и мы можем легко интерполировать одну переменную (может быть, эта интерпретация не совсем корректна, но вы поймете, что я имею в виду, когда взгляну на код).Но что, если мы хотим динамически переключаться между двумя разными переменными?Например, у нас есть два свойства класса:

public first: string = '"first" variable activated';
public second: string = '"second" variable activated';

и два переключателя, связанных с activeVariableName свойством класса:

<input type="radio" value="first" [(ngModel)]="activeVariableName">
<input type="radio" value="second" [(ngModel)]="activeVariableName">

Мы можем выполнить интерполяцию следующим образом:

<h1>{{activeVariableName}}</h1>

Но, таким образом, мы увидим только first или second , которые являются именами свойств класса.

Итак, мой вопрос: «Как отображать значения этих свойств, а не только имена?»

Вот это STACKBLITZ

1 Ответ

0 голосов
/ 14 мая 2018

Вы пропустили обязательные скобки [], поэтому значения first и second.попробуй:

<input type="radio" [value]="first" [(ngModel)]="activeVariableName">
<input type="radio" [value]="second" [(ngModel)]="activeVariableName">
...