如何在Angular中动态更改绑定变量?

时间:2018-05-14 10:54:31

标签: angular typescript string-interpolation

我想,大家都知道,插值是如何工作的,我们可以很容易地插入单个变量(可能这种解释并不完全正确,但你会理解我在查看代码时的意思)。但是如果我们想要动态地在两个不同的变量之间切换呢?例如,我们有两个类属性:

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>

但是这样,我们只会看到第一个第二个,它们是类属性名称。

所以我的问题是:“如何显示此属性的值,而不仅仅是名称?”

这是STACKBLITZ

1 个答案:

答案 0 :(得分:4)

您遗漏了约束括号sys_write,因此值为 +-----------+--------------+----------+--------+ | ID | Package | Date | Amount | +-----------+--------------+----------+--------+ | 1 | 2 |2000/09/10| 2000 | +-----------+--------------+----------+--------+ | 1 | 4 |2002/09/20| 3000 | +-----------+--------------+----------+--------+ | 1 | 3 |2012/10/01| 5000 | +-----------+--------------+----------+--------+ | 1 | 4 |2012/10/01| 1000 | +-----------+--------------+----------+--------+ | 2 | 2 |2012/10/01| 2000 | +-----------+--------------+----------+--------+ | 2 | 4 |2012/10/01| 5000 | +-----------+--------------+----------+--------+ | 3 | 2 |2012/10/01| 3000 | +-----------+--------------+----------+--------+ | 3 | 3 |2012/10/01| 5000 | +-----------+--------------+----------+--------+ select ID from Packages where Package = 2 and Package = 4 。尝试:

[]