Изучение свойств и методов MatTabGroup в Angular Material

MatTabGroup— это компонент, предоставляемый Angular Material, библиотекой компонентов пользовательского интерфейса для приложений Angular. Он представляет собой контейнер для организации и отображения нескольких вкладок. Каждая вкладка обычно содержит разное содержимое или функциональность.

Свойства компонента MatTabGroupвключают:

  1. selectedIndex: представляет индекс выбранной в данный момент вкладки.
  2. disableRipple: логическое значение, указывающее, следует ли отключить эффект пульсации при выборе вкладок.
  3. dynamicHeight: логическое значение, указывающее, следует ли регулировать высоту тела вкладки в зависимости от ее содержимого.
  4. animationDuration: продолжительность анимации вкладок при переключении между вкладками.
  5. backgroundColor: цвет фона группы вкладок.
  6. color: цвет текста группы вкладок.

Методы, доступные для компонента MatTabGroup, включают:

  1. focusIndex(index:number): устанавливает фокус на вкладке по указанному индексу.
  2. realignInkBar(): пересчитывает положение и размер чернильной полосы, указывающей активную вкладку.
  3. scrollToLabel(label: MatTabLabel): прокручивает заголовок вкладки, чтобы убедиться, что указанная метка видна.
  4. updatePagination(): обновляет элементы управления нумерацией страниц на основе текущего макета вкладки.