title: Disabling the squiggly green line in Angular 2+ html template
body: <p>How can I get rid of the following squiggly green line while I am editing the html template of an Angular 2+ >= v2 (v2 or higher) project without changing the template itself:
  Lets say I have the following line:</p>
  
  <pre><code>         &lt;textarea [(ngModel)]="jobDescription"  cols="40" rows="5" (ngModelChange)="textAreaEmpty()"&gt;&lt;/textarea&gt;
           &lt;br/&gt;
  </code></pre>
  
  <p>Above line inside Visual Studio Code (1.11.1) Editor looks like the following</p>
  
  <p><a href="https://i.stack.imgur.com/BRuCO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BRuCO.png" alt="enter image description here"></a></p>
  
  <p>Notice the green squiggly line? If I hover over it I see the following hint:</p>
  
  <p><a href="https://i.stack.imgur.com/YqzYm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YqzYm.png" alt="enter image description here"></a></p>
  
  <p>Suggesting : "<em>The attribute name of</em> [[(ngModel)]] <em>must be in lowercase</em>. I want to ignore this suggestion. How can I achieve this without turning off the entire editor suggestions?</p>
  
  <p><em>I am happy with other potential editor suggestions but for this particular one I would like to turn this green alert off.</em></p>
  
  <p><strong>Update 1:</strong>
  my workspace settings looks like the following now</p>
  
  <pre><code>{
      "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
  }
  </code></pre>
  
  <p><strong>Update 2</strong>: Even adding <em>"html.suggest.angular1": false</em> did not disable these warning and I still see them in my editor:</p>
  
  <p>Note: I have the following Extensions installed:</p>
  
  <ul>
  <li>Angular TypeScript Snippets for VS Code</li>
  <li>angular2-inline</li>
  <li>Azure Functions Tools - Extensions for VS Code</li>
  <li>VS Code - Debugger for Chrome </li>
  <li>VS Code ESLint extension</li>
  <li>Git History (including git log)</li>
  <li>Visual Studio Code HTML Snippets</li>
  <li>vscode-htmlhint</li>
  <li>IntelliSense for CSS class names</li>
  <li>Latest TypeScript and Javascript Grammer</li>
  <li>Visual Studio Team Services Extension</li>
  <li>Visual Studio Team Services Status Extension for Visual Studio Code</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/ZoVmi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZoVmi.png" alt="enter image description here"></a></p>
  
  <p><strong>Final Update:</strong></p>
  
  <p>In my case the <strong>HTMLHint</strong> was the culprit. I disabled the extension and reloaded the work space and now I do not see any more squiggly green line.</p>