gpt4 book ai didi

svg - 如何防止 AngularJS 生成小写 HTML 属性

转载 作者:行者123 更新时间:2023-11-28 08:03:50 25 4
gpt4 key购买 nike

我正在尝试使用 AngularJS 渲染一些 SVG,但无法动态更改 svg 元素的 View 框。

Angular 呈现“viewbox”属性,但浏览器需要“viewBox”属性。所以结果是:

<svg height="151px" width="1366px" viewBox="{{ mapViewbox }}" viewbox="-183 425 1366 151">

如何获得我期望的结果:

<svg height="151px" width="1366px" viewBox="-183 425 1366 151">

谢谢。

最佳答案

看看这个指令是否有效:

app.directive('vbox', function() {
return {
link: function(scope, element, attrs) {
attrs.$observe('vbox', function(value) {
element.attr('viewBox', value);
})
}
};
});

HTML:

<svg height="151px" width="1366px" vbox="{{ mapViewbox }}">

Plnkr 。您需要“检查元素”或“查看源代码”才能看到 svg 标签。

更新:如果您的应用包含 jQuery,请参阅 Does the attr() in jQuery force lowercase?

@Niahoo 发现如果包含 jQuery 就可以了(他对这篇文章进行了编辑,但由于某种原因,其他 SO 版主拒绝了它......不过我喜欢它,所以就在这里):

 element.get(0).setAttribute("viewBox", value);

关于svg - 如何防止 AngularJS 生成小写 HTML 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25023264/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com