从一个无容器的自定义元素- Aurelia获取类列表。

Question

我有一个自定义元素，它将一个SVG插入到视图内联中(gist：https://gist.run/?id=3a20dc24ca5c32c4b29fe6990dd30156)。

我需要做的一件事是，当我使用我的自定义元素时，我在定制元素上编写的任何类都会被传输到内联svg。当类使用绑定时，我会这样做，但如果我只使用常规文本，就不会了。

例如，我想要这个(其中的style = 'worked')：

<inline-svg svg="leaf" class="${style}"></inline-svg>

要实现这一点(它不是嵌套在inline-svg元素中，因此是没有容器的)：

<svg class="worked" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 44.8" style="enable-background:new 0 0 48 44.8;" xml:space="preserve">

效果很好。但是，当我想为类使用一个常规文本值时，我无法在元素上找到这个class属性，因为视图模型中的元素只是锚标记的注释。

例如，我想要这样：

<inline-svg svg="leaf" class="worked"></inline-svg>

也变成这样：

<svg class="worked" version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 44.8" style="enable-background:new 0 0 48 44.8;" xml:space="preserve">

当使用无容器自定义元素时，如何从原始元素中获取class属性？

Answer 1

只是需要在正确的时间调用正确的函数。

我不需要调用this.el.class，而是调用this.el.getAttribute('class')，它对原始元素执行一种反向get属性，而不是对注释。

只是头对键盘的一个瞬间.