<div ng-app="testrectApp">
<svg>
<rect height="10" width="10" style="fill: #00ff00" />
<testrect />
</svg>
</div>
这是我的指令包括SVG模板
module.directive('testrect', function() {
return {
restrict: 'E',
template: '<rect top="20" left="20" height="10" width="10" style="fill: #ff00ff" />',
replace: true
};
});
但是,这是什么元素结束看起来像在浏览器中。两次填充不是拼写错误。
<rect top="20" left="20" height="10" width="10" style="fill: #ff00ff;fill: #ff00ff"></rect>
这里有一个的jsfiddle http://jsfiddle.net/RG2CF/
就是我试图做不可能的还是我做错了什么?
感谢
编辑:我要补充一点,这个问题可能与事实模板SVG RECT被命名空间,XHTML,而不是SVG做的,但我不能确定我如何可以强制使用或命名空间它回到svg,如果这实际上是解决方案。
类似的讨论在这里:https://groups.google.com/forum/#!msg/angular/nP5JSuRuBMw/Wkv4DGMrtEUJ(在我看来,AngularJS处理模板的方式不支持SVG) –
感谢。这非常有帮助。我觉得Google小组是大多数Angularjs讨论的地方。 – mkly
当角度版本更改时,不会出现“填充两次”。它似乎是特定于1.2.1。也许通过引入:https://github.com/angular/angular.js/commit/e1254b266dfa2d4e3756e4317152dbdbcabe44be#diff-a732922b631efed1b9f33a24082ae0dbR1595 – Olivvv