Телеграмм чат группы angular

A library for idiomatic use of IntersectionObserver with Angular - ng-web-apis/intersection-observer

Пользуясь случаем 😎
https://github.com/ng-web-apis/intersection-observer

GitHub

ng-web-apis/intersection-observer

Кристина Глазебная... in Angular - русскоговорящее сообщество

13:53пожаловаться #1

КГ

кто знает как измененить meta, только не динамически, а когда мы кидаем ссылку, тчо бы уже было измененно это дело?
и момент, что надо изменить только на одной определенной странице

п.с
юзать import { Meta } from '@angular/platform-browser'; не подошло, так как он меняет динамически это дело

13:56пожаловаться #2

image_2021-05-17_13-58-16.png

(25.48 Кб)

мне это точно подойдет?)
у меня вот такой компонент есть, на цифрах стоит анимация подсчета от 1 до текущих значений
Мне нужно что бы эта анимация запускалась когда пользователь в первый раз видит этот блок)
И желательно максимально просто )

vlad3k in Angular - русскоговорящее сообщество

13:58пожаловаться #3

Точно же, благодарю)

Ivan Cherniakov in Angular - русскоговорящее сообщество

14:07пожаловаться #4

Ребят, подскажите, как сделать anchor scroll, если то, куда скролить находится в outerHTML?

Dima Haponov in Angular - русскоговорящее сообщество

14:13пожаловаться #5

ну такое

14:15пожаловаться #6

Igor Bondarenko in Angular - русскоговорящее сообщество

Добрый день, может подскажете. У меня есть material табы с lazy load. Контент табов большой настолько. что при переключении появляются большие фризы на полминуты. как можно полечить?

14:15пожаловаться #7

Igor Bondarenko in Angular - русскоговорящее сообщество

вообще жирные списки с редактируемыми полями как лучше отображать, может есть какие контроллы хорошие для этого?

14:16пожаловаться #8

Да, должно подойти и довольно просто, как раз. Сейчас стекблиц накидаю. У тебя там вся страница скроллится?

Andrey Vorontsov in Angular - русскоговорящее сообщество

14:19пожаловаться #9

Привет всем. Подскажите плиз, как скрывать один компонент по нажатию на другой компонент?

14:20пожаловаться #10

Can I use... Support tables for HTML5, CSS3, etc

А, хотя тебя поддержка браузеров не устроит, наверное:
https://caniuse.com/intersectionobserver

Caniuse

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Az Booki in Angular - русскоговорящее сообщество

14:20пожаловаться #11

через общий сервис

Az Booki in Angular - русскоговорящее сообщество

14:21пожаловаться #12

или если иерархия компонентов родитель-ребенок, пожно инпут/аутпутами

14:22пожаловаться #13

наверное да, на счет поддержки браузеров задач никаких не ставили

14:23пожаловаться #14

ng-web-apis-intersection-observer - StackBlitz

Ну, на всякий случай, использовать это очень просто и сам Intersection Observer API был задуман как раз для таких случаев. Вот пример использования:
https://stackblitz.com/edit/ng-web-apis-intersection-observer

Stackblitz

Starter project for Angular apps that exports to the Angular CLI

14:32пожаловаться #15

да, действительно не сложно на первый взгляд, спасибо большое за пример и в целом)

14:36пожаловаться #16

а *ngIf тут можно использовать?

Егор Платонов... in Angular - русскоговорящее сообщество

14:55пожаловаться #17

ЕП

Ребят, есть форма с инпутами, как можно по клику в функцию передать объект содержащий эти данные из инпутов? Просто каждое поле делать отдельным аргументом функции, то не очень удобно

14:56пожаловаться #18

Да, на внутренних элементах, например, так же от этого boolean. Но сам верхний элемент, на котором ты слушаешь пересечения должен быть в DOM. Если тебе надо что-то другое — то тут уже слушай скролл и считай пиксели 😉

14:57пожаловаться #19

понял, спасибо)