Angular на примерах, стоит ли её давать читать начинающим?

|
waterplea 2022-07-03 21:07:49
dopusteam 2022-07-03 21:02:52
А не «правильнее» ли, чтоб компонент при ините (например) как то триггерил сервис, типа «вот он я», а при уничтожении тригеррился, что он уничтожен?

Ну тут лучше на конкретные примеры смотреть. Там в видео как раз есть дерево, но оно немного неотрепетированное и резко сложное оказалось ) вообще в плане декомпозиции на директивы и небольшие сервисы можно исходники тайги смотреть, там этого добра много

dopusteam 2022-07-03 21:08:33
waterplea 2022-07-03 21:07:49
Ну тут лучше на конкретные примеры смотреть. Там в видео как раз есть дерево, но оно немного неотрепетированное и резко сложное оказалось ) вообще в плане декомпозиции на директивы и небольшие сервисы можно исходники тайги смотреть, там этого добра много

Согласен, да, примеры лучше живые)
Спасибо, буду иметь в виду про исходники тайги 👍

KiromEkexity 2022-07-03 21:10:29
dopusteam 2022-07-03 21:08:33
Согласен, да, примеры лучше живые)
Спасибо, буду иметь в виду про исходники тайги 👍

Примеров у меня нормальных нет)

waterplea 2022-07-03 21:11:09
Пример обращения сервиса к компоненту, например — дропдаун, висящий на кнопке. Сервис можно отвечать за позиционирование выпадашки, при этом он инжектит компонент-хост, для определения его положения, например.
waterplea 2022-07-03 21:12:03
Хотя там ElementRef, скорее, но суть такая же. Из компонента, например, он может брать фокусируемую кнопку, на которую фокус переносить после закрытия или типа того.
dopusteam 2022-07-03 21:12:33
waterplea 2022-07-03 21:11:09
Пример обращения сервиса к компоненту, например — дропдаун, висящий на кнопке. Сервис можно отвечать за позиционирование выпадашки, при этом он инжектит компонент-хост, для определения его положения, например.

А сервис глобально как то создаётся? Или он в провайдерах компонента? Можно ссылкой кинуть )

waterplea 2022-07-03 21:12:42
Декомпозиция — интересная тема в Ангуляре, с его сущностями директивы, компонента, сервиса.
waterplea 2022-07-03 21:13:03
dopusteam 2022-07-03 21:12:33
А сервис глобально как то создаётся? Или он в провайдерах компонента? Можно ссылкой кинуть )

Сервисы, работающие с компонентами, кончено, не глобальные.

waterplea 2022-07-03 21:13:37
Исключение в тайге — диалоги. Там, как раз, паттерн как ты предлагал. Компонент говорит сервису «вот он я».
dopusteam 2022-07-03 21:14:20
waterplea 2022-07-03 21:13:03
Сервисы, работающие с компонентами, кончено, не глобальные.

Изначально показалось, что вопрос про глобальные сервисы, а так да, согласен

waterplea 2022-07-03 21:17:46
А, не, не диалоги, а порталы. Вот абстрактный класс:
https://github.com/tinkoff/taiga-ui/blob/main/projects/cdk/abstract/portal-service.ts#L28

taiga-ui/portal-service.ts at main · Tinkoff/taiga-uiGitHub
Angular UI Kit and components library for awesome people — taiga-ui/portal-service.ts at main · Tinkoff/taiga-ui
waterplea 2022-07-03 21:39:47
waterplea 2022-07-03 21:17:46
А, не, не диалоги, а порталы. Вот абстрактный класс:
https://github.com/tinkoff/taiga-ui/blob/main/projects/cdk/abstract/portal-service.ts#L28

В этом случае, кстати, компонент нужен, потому что он видит ViewContainerRef, куда добавляются порталы

DzhigurdaA 2022-07-03 21:57:14
коллеги, кто читал книгу Пономарева С.Н. Angular на примерах, стоит ли её давать читать начинающим?
im_anime 2022-07-03 21:58:47
DzhigurdaA 2022-07-03 21:57:14
коллеги, кто читал книгу Пономарева С.Н. Angular на примерах, стоит ли её давать читать начинающим?

начинающим стоит давать доку ангуляра, имхо

DzhigurdaA 2022-07-03 22:00:09
im_anime 2022-07-03 21:58:47
начинающим стоит давать доку ангуляра, имхо

это если они английский понимают нормально

im_anime 2022-07-03 22:00:34
DzhigurdaA 2022-07-03 22:00:09
это если они английский понимают нормально

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

HostListening 2022-07-03 22:01:42
im_anime 2022-07-03 21:58:47
начинающим стоит давать доку ангуляра, имхо

Нуууу, как бы. Она сложная для новичков)

im_anime 2022-07-03 22:02:12
HostListening 2022-07-03 22:01:42
Нуууу, как бы. Она сложная для новичков)

когда с реакта переходил ничего лучше доки не нашел

im_anime 2022-07-03 22:03:17
дока ангуляра может недостаточно линейная, но тур героев (или как его там) – мое почтение
im_anime 2022-07-03 22:04:09
плюс если вот что-то резко интересно стало всегда в сайдбаре на нужную тему перепрыгнуть можно, поиск тоже есть
Vit0s_P 2022-07-03 22:07:59
Привет, кто-то знает сообщество по Lit или может кто-то сам Lit знает?
DzhigurdaA 2022-07-03 22:09:27
HostListening 2022-07-03 22:01:42
Нуууу, как бы. Она сложная для новичков)

новички с с переходят на ангуляр…

im_anime 2022-07-03 22:09:30
Vit0s_P 2022-07-03 22:07:59
Привет, кто-то знает сообщество по Lit или может кто-то сам Lit знает?

целое комьюнити вряд ли есть, но за себя могу сказать что один веб-компонент на Lit до прода довел

а в чем суть/вопрос собственно?)

DzhigurdaA 2022-07-03 22:16:03
вообще интересная движуха, ребята хорошо понимают rx, и плохо понимают вёрстку
roni_droni 2022-07-03 22:20:43
angular_ru-570604.jpg
Я со списка могу выбрать item, и дальше делать навигацию по табам.
В каждом табе грузится информация по выбранному item.

Есть ли смысл кешировать эти данные?

Я пока не кеширую так как данные на табах не юзаются в других местах, и не хочу просто так их держать в сторе

DzhigurdaA 2022-07-03 22:48:48
roni_droni 2022-07-03 22:20:43
Я со списка могу выбрать item, и дальше делать навигацию по табам.
В каждом табе грузится информация по выбранному item.

Есть ли смысл кешировать эти данные?

Я пока не кеширую так как данные на табах не юзаются в других местах, и не хочу просто так их держать в сторе

ты можешь сделать как делают в ngrx, комбаен

tulkindaniil 2022-07-03 23:00:44
angular_ru-570608.jpg
Всем привет! Подскажите, пожалуйста, почему binding [attr.points] может не работать?
licencetolove 2022-07-03 23:13:05
tulkindaniil 2022-07-03 23:00:44
Всем привет! Подскажите, пожалуйста, почему binding [attr.points] может не работать?

в чем это выражается?

tulkindaniil 2022-07-03 23:16:04
licencetolove 2022-07-03 23:13:05
в чем это выражается?

Просто не прорисовывает линию. Пробовал с circle байндить аттрибуты, тоже не работают

licencetolove 2022-07-03 23:17:17
tulkindaniil 2022-07-03 23:16:04
Просто не прорисовывает линию. Пробовал с circle байндить аттрибуты, тоже не работают

а в инспекторе как этот элемент выглядит?

Justyourhero 2022-07-03 23:31:41
angular_ru-570617.jpg
здраствуйте, а как можно юзат атрибуты бутстрапа в директивах например как это айди
licencetolove 2022-07-04 00:56:17
Justyourhero 2022-07-03 23:31:41
здраствуйте, а как можно юзат атрибуты бутстрапа в директивах например как это айди

[attr.data-target]=»…»

Justyourhero 2022-07-04 00:56:50
licencetolove 2022-07-04 00:56:17
[attr.data-target]=»…»

спасибо помогло

SadScream 2022-07-04 04:07:26
This version of CLI is only compatible with Angular versions ^14.0.0,
but Angular version 13.0.3 was found instead.
как так? angular/cli глобально поставлен 13.0.3, в приложении angular-core 13.0.3 и cli тоже 13.0.3
dopusteam 2022-07-04 06:28:16
SadScream 2022-07-04 04:07:26
This version of CLI is only compatible with Angular versions ^14.0.0,
but Angular version 13.0.3 was found instead.
как так? angular/cli глобально поставлен 13.0.3, в приложении angular-core 13.0.3 и cli тоже 13.0.3

ng version что пишет?

SadScream 2022-07-04 06:39:53
все починил, виноват был вебпак билдер 14ой версии
ngSamurai 2022-07-04 08:21:01
angular_ru-570625.jpg
Может мне кто объяснить как пользоваться spyOnProperty в jasmine?)
Stepan151 2022-07-04 08:36:13
Оно же с геттерами и сеттерами работает
ngSamurai 2022-07-04 08:56:15
Stepan151 2022-07-04 08:36:13
Оно же с геттерами и сеттерами работает

angular_ru-570627.jpg
заменил на это .. тест проходит… но в консоли ошибка плывет

rus_programmer 2022-07-04 09:36:56
angular_ru-570628.jpg
привет всем! может кто сталкивался с такой проблемой. У меня загружается компонент в модалке бутстрапа и в нем не отображается компонент app-rectangular-button, т.е. буквально даже не срабатывает конструктор. установил ngif для прикола: система начала ругаться что Can’t bind to ‘ngIf’ since it isn’t a known property of ‘div’ хотя common module у меня импортирован. Перезапускал проект закрывал страничку локалхоста но проблема не уходит. может я что делаю не так?
rus_programmer 2022-07-04 09:38:31
angular_ru-570629.jpg

john_babon 2022-07-04 09:45:01
angular_ru-570630.jpg
ребята, как отрисовать елемент в свич кейсе, на страницу кидает пустой елемент, есть только комент
udalov_e 2022-07-04 09:45:51
john_babon 2022-07-04 09:45:01
ребята, как отрисовать елемент в свич кейсе, на страницу кидает пустой елемент, есть только комент

а сам код угадать должны?

john_babon 2022-07-04 09:47:11
angular_ru-570633.jpg

john_babon 2022-07-04 09:47:11
angular_ru-570632.jpg

john_babon 2022-07-04 09:47:36
app-form-dynamic компонент со свич кейсом
udalov_e 2022-07-04 09:51:30
john_babon 2022-07-04 09:47:11

а field.name что выводит

john_babon 2022-07-04 09:52:00
там совпадает
udalov_e 2022-07-04 09:53:18
возможно у тебя асинхронщина, поэтому когда прилетает field изначальный, то он пустой. и рендерит криво. попробуй ngIf=»field.name»
john_babon 2022-07-04 09:55:20
то самое, прилетает пустой див с комментами
|