Size: a a a

2021 March 12

IS

Igor Shturmov in Angular Kyiv
по идеи должно сработать
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Igor Shturmov
по идеи должно сработать
Попробую
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Igor Shturmov
в конструктор прокидываем Renderer2
потом this.renderer.listen(‘.mat-calendar-next-button’, ‘click’).subscribe();
listen - как понимаю не Observable - возвращает
источник

IS

Igor Shturmov in Angular Kyiv
вполне возможно, я его давно юзал
источник

IS

Igor Shturmov in Angular Kyiv
ссори, там колбек, да
источник

IS

Igor Shturmov in Angular Kyiv
третим аргументом
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Igor Shturmov
третим аргументом
Сделал так this.renderer.listen('.mat-calendar-next-button', 'click', (data) => {
 
consoleconsole.log(data);
});

Ругаться в браузере на  Unsupported event target null for event click
   at DomEventsPlugin.addGlobalEventListener
источник

IS

Igor Shturmov in Angular Kyiv
эх, тогда у меня вариантов нет 😔
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Igor Shturmov
эх, тогда у меня вариантов нет 😔
Ok. Спасибо)))
источник

AK

Artyom Krasnyuk in Angular Kyiv
Олександр Савуловський
Переслано от Олександр Савуловський
Добрый день. Есть такой код. Можно ли переписать код без использования document.querySelectorAll?
по-хорошему для такой штуки у них есть возможность переопределить хэдэр своим кастомным хэдэром. Вот тут описано как это сделать, всё довольно просто:
https://stackoverflow.com/questions/57510066/how-can-i-catch-the-material-datepicker-month-pagination-event
источник

AK

Artyom Krasnyuk in Angular Kyiv
и в компоненте кастомного хэдэра, который экстендит дефолтный, уже можно ловить клик без проблем)
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Artyom Krasnyuk
по-хорошему для такой штуки у них есть возможность переопределить хэдэр своим кастомным хэдэром. Вот тут описано как это сделать, всё довольно просто:
https://stackoverflow.com/questions/57510066/how-can-i-catch-the-material-datepicker-month-pagination-event
Да это я видел. Но мне не захотелось создавать кастомный хедер. Думал может есть решение проще. Нашел через document.querySelectorAll.
источник

NH

Nikolai Harkusha in Angular Kyiv
Олександр Савуловський
Сделал так this.renderer.listen('.mat-calendar-next-button', 'click', (data) => {
 
consoleconsole.log(data);
});

Ругаться в браузере на  Unsupported event target null for event click
   at DomEventsPlugin.addGlobalEventListener
а разве в таком случае рендерер поймет что такое'.mat-calendar-next-button'?
из доки он ожидает:  
The context in which to listen for events. Can be the entire window or document, the body of the document, or a specific DOM element.
а по вашей записи вы просто передаете строку
источник

NH

Nikolai Harkusha in Angular Kyiv
если ошибаюсь - поправьте
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Nikolai Harkusha
если ошибаюсь - поправьте
Не ошибаетесь. Вы правы
источник

IS

Igor Shturmov in Angular Kyiv
Nikolai Harkusha
а разве в таком случае рендерер поймет что такое'.mat-calendar-next-button'?
из доки он ожидает:  
The context in which to listen for events. Can be the entire window or document, the body of the document, or a specific DOM element.
а по вашей записи вы просто передаете строку
да всё верно, my bad
источник
2021 March 15

ОС

Олександр Савуловськ... in Angular Kyiv
Добрый день. У меня есть две таблицы (Angular Material). У этих табл. есть одинаковый вот такой код. Как можно избавиться от дублирования в каждом компоненте такого кода?
источник

NH

Nikolai Harkusha in Angular Kyiv
Олександр Савуловський
Добрый день. У меня есть две таблицы (Angular Material). У этих табл. есть одинаковый вот такой код. Как можно избавиться от дублирования в каждом компоненте такого кода?
вынести в родительский класс
источник

ОС

Олександр Савуловськ... in Angular Kyiv
Nikolai Harkusha
вынести в родительский класс
А потом в дочернем extends от родительского?
источник

NH

Nikolai Harkusha in Angular Kyiv
Олександр Савуловський
А потом в дочернем extends от родительского?
да
в этих 2 компонентах
это в том случае если таблицы разные по своей структуре
источник