如何使用插值设置属性选择器?

时间:2016-04-08 01:12:39

标签: html css angularjs typescript angular

我有一个String变量,它包含对图标的引用,我想在HTML中将其绑定以显示它,作为属性选择器。

代码段

html的

    <thumbnail {{ obj.getIcon() }}> </thumbnail>

.TS

    getIcon() {
        return "icon-obj" + this.id;
    }

输出

    <thumbnail "icon-obj1"> </thumbnail>

期望输出

    <thumbnail icon-obj1> </thumbnail>

已知&amp;不受欢迎的替代解决方案

    <thumbnail class={{ obj.getIcon() }} > </thumbnail>

基本上,字符串引号正在搞砸所有内容。如果我使用不同类型的选择器,就像我在上面的示例中显示的输出到class="icon-obj1"那样,它可以工作,但这不是重点。

那么,有什么建议吗? 感谢阅读!

1 个答案:

答案 0 :(得分:2)

没有办法做到这一点。对于动态添加的属性或类,无论如何都不会创建任何指令或组件 - 仅用于静态添加的元素,属性和类名。

要动态添加组件,请使用DynamicComponentLoader 我不知道这是否也适用于指令。