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

Question

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

---

代码段

.html

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

.ts

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

---

输出

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

---

所需输出

    <thumbnail icon-obj1> </thumbnail>

---

已知&不需要的替代解决方案

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

---

基本上，字符串引号会破坏一切。如果我使用不同类型的选择器，它就会起作用，就像我在上面的例子中展示的那样，它会输出到class="icon-obj1"，但这不是重点。

那么，有什么建议吗？感谢阅读

Answer 1

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

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