SVG,角度-错误:ExpressionChangedAfterItHaHasBeenCheckedError

时间:2018-11-20 22:36:52

标签: angular svg

我这里有个突如其来的飞车-https://stackblitz.com/edit/svg-donuts-3yfsou?file=src%2Fapp%2Fdonuts.template.html

我在Angular组件中有一个svg饼图

图表部分应相邻放置,但第二部分的“红色”位置错误。

我也收到错误消息

Error: ExpressionChangedAfterItHasBeenCheckedError

谁能解释这个错误,我想这是图表无法正常工作的原因。

1 个答案:

答案 0 :(得分:0)

我认为错位是因为您没有正确实现偏移量公式,并且在计算当前偏移量之前将其推到先前的值。

该错误的原因是您更改了已渲染但渲染尚未完成的组件的偏移量。要消除这种情况,您应该在渲染之前计算所有内容。

我修改了您的Stackblitz:https://stackblitz.com/edit/svg-donuts-ng2c4j

希望这会有所帮助;-)