使用JavaScript创建动态SVG元素但属性无效

时间:2016-12-17 07:06:57

标签: javascript jquery svg typescript

我正在尝试编写一个我已经在es5中编写的jQuery插件,现在我想重构为TypeScript。

我正在尝试创建<svg>元素,然后创建<rect>元素,然后在<rect>内附加<svg>,然后最后添加{{1}到DOM。

DOM中的所有内容似乎都很好,所有元素和属性都存在,但由于某种原因,SVG没有被渲染。

如果我从DOM复制生成的元素并将其作为静态元素放在我的<svg>文件中,它会呈现正常。 (如此处所示)

TS:

index.html

1 个答案:

答案 0 :(得分:0)

你在命名空间中输入了一个拼写错误 - http://应该只在那里

import {Component, Input } from '@angular/core';

@Component({
    selector: "child-component",
    template: '<input type="text" />'
})
export class ChildComponent {
  @Input disabled: boolean;
}