从无容器自定义元素——Aurelia中获取类列表
Get the class list from a containerless custom element - Aurelia
我有一个自定义元素,它将SVG内联注入视图(要点: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">
这很好。但是,当我想为类使用常规文本值时,我无法在元素上找到该类属性,因为视图模型中的元素只是锚标记的注释。
例如,我想这样写:
<inline-svg svg="leaf" class="worked"></inline-svg>
也变为this:
<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">
当使用无容器自定义元素时,我如何获得原始元素的类属性?
只是需要在正确的时间调用正确的函数。
不是调用this.el.class
,我需要调用this.el.getAttribute('class')
,它在原始元素上做一种反向get属性,而不是注释。
只是一个头对着键盘的时刻…
相关文章:
- 要求输入在数据列表中
- 从javascript创建一个列表
- 如何使用jQuery选择下拉列表的值
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- 如何使用json将对象列表从java转换为javascript
- 区分JSON中的矩阵和列表列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 接受不在列表中的值-引导组合框
- 禁用jQuery中的下拉列表
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 如何在javascript中迭代数字列表
- 如何在按钮中显示下拉列表中选定的元素
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 使用EventAggregator更新Aurelia中的列表
- 无法从承诺中填充列表并在 html - aurelia.
- 从无容器自定义元素——Aurelia中获取类列表