如何将变量传递给“data-target =” angular 2

【问题标题】：How to pass variable to "data-target=" angular 2如何将变量传递给“data-target =” angular 2
【发布时间】：2016-06-26 21:25:50
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

您可以使用属性绑定。类似的东西：

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

【讨论】：

非常感谢您，正在寻找解决此问题的方法。这解决了我遇到的几个问题！
我应该如何与 .ts 文件中的标签绑定？
非常感谢..非常好
工作正常，但我们需要附加一些带有#的字符串，比如如果 theme.themeId 是整数 [attr.data-target] = "'#somestring'+ theme.themeId"

【解决方案2】：

要在 Angular 7 中传递变量，您可以像这样使用它：

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

【讨论】：

【解决方案3】：

是的，你可以使用

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

和

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

和

name="test{{i}}

【讨论】：

请问有什么方法可以将回调函数添加到data-* 属性？
@Malik 抱歉，我无法理解您的问题。能详细点吗？
好的。例如data-authorize="authorizeHandler"。 authorizeHandler 是属于我的组件范围的方法。 authorizeHandler 会起作用吗？
对不起哥们，我不确定