Javascript AngularJS组件模板名称空间SVG

Javascript AngularJS组件模板名称空间SVG,javascript,angularjs,svg,Javascript,Angularjs,Svg,从AngularJS 1.5开始,我们现在可以使用AngularModule的component()方法创建组件。但是,似乎不可能为SVG模板创建组件 通过指令(),我可以使用: .directive('svgInternal', function () { return { templateNamespace: 'svg', template: '<g><rect height="25" width="25" /></g>', };

从AngularJS 1.5开始,我们现在可以使用AngularModule的component()方法创建组件。但是,似乎不可能为SVG模板创建组件

通过指令(),我可以使用:

.directive('svgInternal', function () {
  return {
    templateNamespace: 'svg',
    template: '<g><rect height="25" width="25" /></g>',
  };
})
指令('svgInternal',函数(){
返回{
templateNamespace:'svg',
模板:“”,
};
})
但对于component(),templateNamespace定义不再可能

在Angular>=2中,我知道可以在组件的元素标记中定义名称空间前缀(当然,不使用AngularJS component()):

模板:``
有人知道有没有办法将AngularJS component()与SVG模板一起使用吗?

来自AngularJS 1.5组件文档:

不使用组件时:(…) 当您需要高级指令定义选项时,如优先级、终端、多元素


我也想知道这一点。
template: `<svg:g><rect height="25" width="25" /></svg:g>`