Имя атрибута [* ngIf] должно быть в нижнем регистре

Не могли бы вы рассказать мне, как удалить нижеследующее сообщение в редакторе VS code?

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

Над сообщением отображается ниже код

 <div *ngIf="isBornOn">

 </div>

Ответ 1

Я думаю, что это связано с плагином vscode-htmlhint, попробуйте отключить его.

Если это сняло предупреждение, вы можете отключить только это правило, установив attr-lowercase в false.

Подробнее о настройке этого плагина читайте здесь

В VSCode вы можете установить следующие настройки, чтобы отключить его:

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

Если не хотите потерять предупреждение, используйте атрибуты, которые не следуют правилу строчных букв. Вместо этого вы можете определить атрибут белого списка:

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

Также можно добавить doctype-first чтобы избежать этого сообщения в каждом компоненте.

Ответ 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.