Angular: 无法将 ({{}}) 插入到 svg 形状的类属性中

创建于 2016-05-27 · 3评论 · 资料来源: angular/angular

当前行为
无法将 ({{}}) 插入到 svg 形状的类属性中，除非同一元素上也有 [ngClass]=""。

预期/期望的行为
将任意文本插入到任何元素的类属性中应该是可能的 - 有或没有 [ngClass]=""

如果当前行为是错误，请提供重现步骤，如果可能，请提供问题的最小演示
在此转载：
https://plnkr.co/edit/mVe6NH?p=preview
预期的行为是什么？
由于应用了“红色”类，两条线以及 h1 都应该变成红色。
改变行为的动机/用例是什么？
..世界应该有秩序¯_(ツ)_/¯
请告诉我们您的环境：
角度版本： 2.0.0-rc1
浏览器： [ Chrome 50 | 火狐34 | Safari 9.0.3]
语言： [打字稿]

资料来源

lsim

最有用的评论

您应该使用 SVG 绑定到属性，即[attr.class]="color"

vicb 于 2016-05-27

👍2

您应该使用 SVG 绑定到属性，即[attr.class]="color"

vicb 于 2016-05-27

👍2

感谢您的提示 - 它就像一个魅力！

不过，我希望我不会是最后一个对这种看似不一致的情况感到惊讶的人。我确实花了一些时间在 Angular 文档中寻找有关 svg 的特殊规则 - 但空手而归。我错过了什么？

lsim 于 2016-05-28

👍1

由于不活动，此问题已自动锁定。
如果您遇到类似或相关的问题，请提交新问题。

阅读更多关于我们的自动对话锁定政策。

_{_此操作已由机器人自动执行。_}

angular-automatic-lock-bot[bot] 于 2019-09-08

此页面是否有帮助？

0 / 5 - 0 等级