[* 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。

Answer 3

在 VS Code 下 - 扩展（左侧边栏 - 盒形图标） - 禁用此插件或根据需要卸载。

然后重启