Angular 为什么VisualStudio代码会改变我的html？

我的html中有以下代码段：

<div class="col">
<input 
   #changeValue
   type="range" 
   min={{minMaxPrices.minPrice}} 
   max={{minMaxPrices.maxPrice}}     
   classname="custom-range w-100"        
   (change)="handlePriceChange(changeValue.value)"
/>

代码中包含模板变量#changeValue。但每当我将代码保存在Visual Studio代码模板变量中时，#changeValue会自动分配给自身，如下所示：#changeValue=“#changeValue”

<div class="col">
<input 
   #changeValue="#changeValue" 
   type="range" 
   min={{minMaxPrices.minPrice}} 
   max={{minMaxPrices.maxPrice}}     
   classname="custom-range w-100"        
   (change)="handlePriceChange(changeValue.value)"
/>

---

这打破了我的密码。如何阻止这种情况发生？

您是否启用了用于自动代码格式化的VS代码扩展？这可能是原因

---

要禁用自动格式化，您可以将

“editor.formatOnSave”：false

添加到。

打开设置并转到setings.json文件。我想你可以在那里找到类似这样的行

“editor.formatOnSave”：true，

。将其更改为

false

或将其删除。如果我知道你在使用什么操作系统，我会澄清的。