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

时间:2017-04-13 16:16:43

标签: angular visual-studio-code angular2-template angular2-forms

在编辑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

建议:&#34; [[(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 :即使添加&#34; html.suggest.angular1&#34;:false 也没有停用这些警告,我仍然在我的编辑器中看到它们:

注意:我安装了以下扩展程序:

  • VS代码的Angular TypeScript代码段
  • angular2内联
  • Azure函数工具 - VS代码的扩展
  • VS代码 - 适用于Chrome的调试程序
  • VS Code ESLint扩展
  • Git History(包括git log)
  • Visual Studio代码HTML代码段
  • vscode-htmlhint
  • CSS类名称的智能感知
  • 最新的TypeScript和Javascript Grammer
  • Visual Studio Team Services Extension
  • Visual Studio代码的Visual Studio Team Services状态扩展

enter image description here

最终更新:

在我的情况下, HTMLHint 是罪魁祸首。我禁用了扩展程序并重新加载了工作空间,现在我看不到任何更加波浪形的绿线。

3 个答案:

答案 0 :(得分:6)

转到文件 - &gt;偏好 - &gt;设置

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

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

应为false

答案 1 :(得分:2)

这来自TSLint / Codelyzer,它特定于项目本身。不幸的是,虽然TSLint支持代码中的规则标志来禁用特定行的规则,但HTML文件中不支持此规则。您可以在tsconfig.json中编辑此规则,但更优雅的解决方案可能是转到文件&gt;设置&gt;首选项,选择TSLint部分,并将glob nnoremap添加到`“tslint.exclude”。

编辑:@echonax的请求未删除,但我首先删除了它,因为我认为他的答案是正确的!我会把它留在这里。

答案 2 :(得分:2)

我设法通过在项目的根路径中添加.htmlhintrc文件并添加以下值来摆脱注释:

{     &#34; attr-lowercase&#34;:false,     &#34; doctype-first&#34;:false }