angular - 如何在Angular中动态更改绑定变量？

Question

我想，每个人都知道，插值是如何工作的，我们可以很容易地对单个变量进行插值（可能这个解释并不完全正确，但你会明白我的意思的时候看看代码）。但是如果我们想在两个不同的变量之间动态切换呢？例如，我们有两个类属性：

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，它们是类属性名称。

所以我的问题是：“如何显示这个属性的值，而不仅仅是名称？”

这是一个堆栈闪电战

标签： angulartypescriptstring-interpolation

Answer 1

您错过了绑定括号[]，因此值为firstand second。尝试：

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