如何将变量传递给" data-target ="角2

时间:2016-03-11 15:05:25

标签: typescript angular

我正在使用angular 2打字稿,我想创建一个切换折叠列表。 单个id和data-target这很简单,但是我循环遍历列表,所以我有动态id名称。我想在我的data-target中传递一个变量,这样我就可以获得id的动态名称。像这样的东西:

<a data-toggle="collapse" data-target="#{{theme.themeId}}>collapseHere </a> 但这给了我一个语法错误。

是否可以使用data-target传递变量?

3 个答案:

答案 0 :(得分:81)

您可以使用属性绑定。这样的事情:

[attr.data-target]="'#' + theme.themeId"

答案 1 :(得分:3)

要在Angular 7中传递变量,您可以像使用它一样:

[attr.data-target] = "theme.themeId"

答案 2 :(得分:0)

是的,您可以使用

*ngFor="a of Array; index as i;"

[attr.data-target]="'#test' + i"

name="test{{i}}