禁用Angular 2 html模板中的波浪绿线

发布时间：2020-12-17 06:51:44 所属栏目：安全来源：网络整理

导读：当我在不更改模板本身的情况下编辑Angular 2 = v2(v2或更高版本)项目的html模板时,如何摆脱以下波浪形的绿线：可以说我有以下几行： textarea [(ngModel)]="jobDescription" cols="40" rows="5" (ngModelChange)="textAreaEmpty()"/textarea br/ Visual Stu

当我在不更改模板本身的情况下编辑Angular 2> = v2(v2或更高版本)项目的html模板时,如何摆脱以下波浪形的绿线：
可以说我有以下几行：

<textarea [(ngModel)]="jobDescription"  cols="40" rows="5" (ngModelChange)="textAreaEmpty()"></textarea>
         <br/>

Visual Studio Code(1.11.1)编辑器中的上一行如下所示

enter image description here

注意绿色波浪线？如果我将鼠标悬停在它上面,我会看到以下提示：

enter image description here

建议：“[[(ngModel)]]的属性名称必须小写.我想忽略这个建议.如何在不关闭整个编辑器建议的情况下实现这一点？

我对其他潜在的编辑建议很满意,但对于这个特别的建议,我想关闭这个绿色警报.

更新1：
我的工作区设置现在如下所示

{
    "files.exclude": {
        "**/.git": true,"**/.svn": true,"**/.hg": true,"**/CVS": true,"**/*.js.map": true,"**/.DS_Store": true,"**/*.js": { "when": "$(basename).ts"}
    },"window.zoomLevel": 0,"html.suggest.angular1": false
}

更新2：即使添加“html.suggest.angular1”：false也没有禁用这些警告,我仍然在我的编辑器中看到它们：

注意：我安装了以下扩展：

> VS代码的Angular TypeScript代码片段
> angular2-inline
> Azure功能工具 – VS代码的扩展
> VS Code – 适用于Chrome的调试器
> VS Code ESLint扩展
> Git历史(包括git log)
> Visual Studio代码HTML片段
> vscode-htmlhint
>用于CSS类名的IntelliSense
>最新的TypeScript和Javascript Grammer
> Visual Studio团队服务扩展
> Visual Studio代码的Visual Studio Team Services状态扩展

enter image description here

最后更新：

就我而言,HTMLHint是罪魁祸首.我禁用了扩展并重新加载了工作空间,现在我看不到任何更加波浪形的绿线.

解决方法

转到文件 – >偏好 – >设置

打开html窗格并检查以下行：

// Configures if the built-in HTML language support suggests Angular V1 tags and properties.
  "html.suggest.angular1": true,

它应该是假的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!