将值动态传递给data-*属性[Angular2][duplicate]
我想写一个组件，它根据输入显示不同的图标。图标框架希望它采用以下格式:
<span class="icon icon-generic" data-icon="B"></span>
因此<代码> data-icon = " B " > < /代码描述了基本上
<span class="icon icon-generic" data-icon={{symbol}}></span>
但这似乎不起作用。：-/有没有一种方法可以做到这一点，而不必在我的组件类中创建html并将其附加到html中？
共有2个答案
属性绑定需要< code>attr。前缀
attr.data-icon={{symbol}}
使用
<span class="icon icon-generic" [attr.data-icon]='symbol'></span>
-
我正在用angular2编写一个可重用组件。在父组件中，我可以通过将@Input包含在模板中来设置子组件中的值，如下所示： 按照预期，使用< code>{{ button1Text }}将文本插入到子元素中。但是，对于上面的布尔值，该值不会传递到模板中。如果我在子组件的模板中执行< code>{{showButton1}}，它将显示< code>true，这是使用< code>@Input装饰器在
-
我正在使用gradle tooling api，我遇到了下面的场景。有一个应用某个插件P的项目，它只在传递shouldApplyP属性时才创建任务T。 因此，如果您将运行，您将看不到任务T，但是如果您将运行，您将看到任务T。 在gradle tooling api中，一旦创建了，我就可以执行 但我看不到这个具体的任务。是否有方法将此属性传递给项目连接，以便在方法中显示该属性？
-
（更新） 我正在使用java servlet和oracle sql构建酒店管理<我从数据库打印一个html表，如果我更改了传递给另一个servlet的值，我需要更新一行<这是我的第一个servlet 这是html表的示例 表格样本 现在，我需要更新行值并将其发送到数据库，这是第二个servlet打印表 我像这样更新了我的代码，但只有第一个按钮有效。有什么想法吗？提前谢谢你。 （更新） 最后，我的程
-
问题内容： 在我的HTML文件中，我已通过以下方式链接到JS： 我的JS可以像这样直接读取此var的值吗？ 这不起作用，并且FireFox错误控制台显示“未定义配置”。如何读取JS文件中通过src属性传递的var？这样简单吗？ 问题答案： 您无法按照尝试的方式将变量传递给JS。SCRIPT标记不会创建Window对象（具有查询字符串），并且它不是服务器端代码。
-
假设我有一个带有属性的注释： 我想创建一个包含多个元注释的复合注释，包括一个带有属性的注释 有没有一种方法可以将复合注释的属性传递给其中一个元注释？ 例如，类似这样的东西： 这相当于，但比 谢谢！ PS为我对示例注释的错误选择表示歉意-我没有javax。注射@记住命名注释，只是一些具有属性的任意注释。 谢谢大家的回答/评论。 这显然是不可能的。然而，碰巧我的案例有一个简单的解决方法，我将与大家分享
-
问题内容： 好的，所以我想将一个非常基本的数组传递到jquery数据attrubute服务器端，如下所示： 然后像这样回撤： 为什么这似乎会警告’[‘而不是’a’（请参阅JSfiddle链接） JSFiddle链接： http : //jsfiddle.net/ktw4v/3/ 问题答案： 它将变量视为字符串，其第零个元素为。 发生这种情况是因为您的字符串不是有效的JSON，它应使用双引号而不是单