/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/aria/tabs/scrollable/tabs-scrollable-example.ts
21 строка
738 B
Cheng-Hsuan Tsai
refactor(multiple): migrate Listbox and Tabs to ClickEventManager (#33031)
06 апр 2026, 21:51
Не верифицирован
06 апр 2026, 21:51
e01062a
Код
Авторство
О чём код?
import {afterRenderEffect, Component, viewChildren} from '@angular/core'; import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs'; /** @title Scrollable tabs */ @Component({ selector: 'tabs-scrollable-example', templateUrl: 'tabs-scrollable-example.html', styleUrls: ['../tabs-common.css', 'tabs-scrollable-example.css'], imports: [TabList, Tab, Tabs, TabPanel, TabContent], }) export class TabsScrollableExample { tabs = viewChildren(Tab); tabsList = Array.from({length: 15}, (_, i) => i + 1); constructor() { afterRenderEffect(() => { const tab = this.tabs().find(t => t.active()); tab?.element.scrollIntoView({behavior: 'smooth', block: 'nearest', inline: 'nearest'}); }); } }