Javascript DOM操作在组件中不起作用?

Javascript DOM操作在组件中不起作用?,javascript,css,angularjs,d3.js,Javascript,Css,Angularjs,D3.js,我的AngularJS代码在JSFIDLE中,不是可运行的,但告诉我们它是什么: 结果如下: 那么,当我在ngAfterViewInit中操作DOM时,DOM元素被创建了,但没有显示出来?为什么?新的JSFIDLE是 更改 之前: <svg #myChart> </svg> 之后: <div #myChart> </div> 仅将svg标记更改为div标记

我的AngularJS代码在JSFIDLE中,不是可运行的,但告诉我们它是什么:

结果如下:

那么,当我在
ngAfterViewInit
中操作DOM时,DOM元素被创建了,但没有显示出来?为什么?

新的JSFIDLE是

更改

之前:

<svg #myChart>
</svg>

之后:

<div #myChart>
</div>

仅将
svg
标记更改为
div
标记