[* ngIf]的属性名称必须为小写

Question

你能否告诉我如何在VS code编辑器上删除以下信息？

The attribute name of [ *ngIf ] must be in lowercase.

以上信息显示在下面的代码上

 <div *ngIf="isBornOn">

 </div>

Answer 1

我认为这与vscode-htmlhint插件有关，请尝试禁用它。

如果删除了警告，则可以通过将attr-lowercase设置为false来禁用该规则。

阅读有关此插件here配置的更多信息

在VSCode中，您可以设置以下设置以禁用它：

"htmlhint.options": {
  "attr-lowercase": false
}

如果在使用不遵循小写规则的属性时不想丢失警告。而不是，你可以定义一个attribute white list：

"htmlhint.options": {
    "attr-lowercase": [
      "*ngIf",
      "ngIf",
      "*ngFor",
      "ngFor",
      "ngSwitch",
      "ngModel"
    ],
    "doctype-first": false
  },

也可以添加doctype-first以避免每个组件上的消息。

Answer 2

任何想要从另一个IDE（例如Eclipse或Codemix）解决此问题的人，只需创建一个名为.htmlhintrc的文件，将其放在/<angular-project>/src/.htmlhintrc中并根据需要更改值，我的是：

{
    "tagname-lowercase": false,
    "attr-lowercase": false,
    "attr-value-double-quotes": true,
    "doctype-first": false,
    "tag-pair": true,
    "spec-char-escape": true,
    "id-unique": true,
    "src-not-empty": true,
    "attr-no-duplication": true,
    "title-require": true
}

如果未自动解析，请重新打开选项卡，然后重新启动IDE。