ngClass в угловом понимании синтаксиса

Question

Я прошёл некоторый код и нашел синтаксис, подобный этому:

<div class="test" [ngClass]="{'active': isOverlay, 'on-page': onPage, 'spinner': showLoader, 'scroll': alphabetScroll}">

Я пытаюсь понять, что это делает, но я не могу. Что это все с ngClass. Любая помощь очень ценится.

Answer 1

ngClass - это директива, используемая для добавления и удаления класса css из элемента html. Более подробная информация оформить официальную документ .

Answer 2

Вы можете использовать ng-Class, чтобы придать этим свойствам элемент или компонент you

Answer 3

Это можно понять как:

<tagname [ngClass]="{'class-name': flagVariable}"></tagname>

Где:

тэг: Является ли элемент HTML.

ngClass: Директива, которая добавляет и удаляет классы CSS для элемента HTML.

имя-класса: Имя класса, который вы хотите применить к элементу.

flagVariable: Является ли переменная типа boolean, которая фактически существует в файле ts, и решает, следует ли применять класс к элементу или нет. От его значения зависит, будет ли он истинным, иначе класс не будет применен.

Подробнее об этом можно прочитать здесь .

Answer 4

Это означает, что , если isOverlay вернет true , то класс active будет добавлен к этому элементу div и так далее. Итак, ngClass - это встроенная угловая директива для добавления и удаления классов на основе логических атрибутов .

.

Answer 5

Просто [ngClass] define Добавляет и удаляет классы CSS для элемента HTML.

К дополнительной информации оформить заказ https://angular.io/api/common/NgClass