vscode 中Angular Language Service插件造成的html颜色显示问题

2020年11月5日15:40:21

vscode在显示Angular的html代码的时候，代码的颜色突然出现了变化，如图所示，明明是相同的代码，但是在一个注释颜色显示错误的情况下，导致后面的代码的颜色都变成了奇怪的颜色。

在右侧缩略图中也可以看到这一规律，明显下半部分的代码颜色变成了奇怪的绿色，尝试格式化代码也没有任何效果。

在禁用Angular Language Service这个插件以后，这个代码区的颜色就正常了。

原因探究：尝试了一下，仔细观察，颜色异常的主要原因是168行的click事件，只要删掉了这个点击事件，后面的代码就会正常，但是由于上文和下文都有click事件，因此，就算删掉了这个click，下面的click还会继续导致后文的代码颜色不正常，而上文的click却不会出现这个的问题