javascript - 使用指令以驼峰命名法设置元素的属性值

Question

我正在尝试从这样的指令向 angularJs 元素添加一个属性:

element.attr('startOffset', val);

但是当我检查元素时，添加的属性是“startoffset”，其中“o”不是大写字母。

有没有什么办法可以给一个元素添加一个属性并保持单词的大小写不变？

谢谢

Answer 1

如果您使用 jqliteWrapper .attr 或什至使用直接 DOM 操作 .setAttribute 设置属性，它会在附加到元素之前将属性名称小写。

When called on an HTML element in an HTML document, setAttribute lower-cases its attribute name argument.

由于您使用的是 SVG，请尝试使用 setAttribute 直接操作，但是设置属性保留它们与 SVG 的情况，不确定 jquery 是否在内部进行任何转换。

 element[0].setAttribute('startOffset', val);

Plnkr

---

确认是 jquery 包含在 angular 之前导致它在通过 .attr 设置它时不保留属性名称大小写，但是如果你不包含 jquery 并且 angular 回退到 jqLit​​e 它会按原样设置属性名称，这样除了直接的 DOM 操作外，它还可以(与 attrs.$set 一起)与 SVG 一起工作。