Size: a a a

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

2020 May 14

E

Eugene in Angular - русскоговорящее сообщество
Galeups
всем привет, а использование ::ng-deep не считается плохой практикой?
оно deprecated, так что на свой страх и риск
если без этого не обойтись - чего бы не использовать, но рассмотрите сперва вариант с перезаписью стилей через глобальные. нужно всего лишь сделать достаточно тяжелый селектор, чтобы пробить инкапсуляцию.
источник

Кm

Кирилл mrDoode in Angular - русскоговорящее сообщество
И сразу — какой висивиг редактор самый норм для ангуляра?
источник

G

Galeups in Angular - русскоговорящее сообщество
Eugene
оно deprecated, так что на свой страх и риск
если без этого не обойтись - чего бы не использовать, но рассмотрите сперва вариант с перезаписью стилей через глобальные. нужно всего лишь сделать достаточно тяжелый селектор, чтобы пробить инкапсуляцию.
спасибо, сейчас реализовано, как раз через глобальные стили. Но ищу вариант для перемещения в компонент.
источник

E

Eugene in Angular - русскоговорящее сообщество
Galeups
спасибо, сейчас реализовано, как раз через глобальные стили. Но ищу вариант для перемещения в компонент.
а зачем? вы можете сделать глобальные стили ленивыми, они будут подгружаться вместе с ленивыми модулями
источник

G

Galeups in Angular - русскоговорящее сообщество
Eugene
а зачем? вы можете сделать глобальные стили ленивыми, они будут подгружаться вместе с ленивыми модулями
ну возможно, чтоб была возможность таскать компонент из проекта в проект, так сказать уменьшить связанность ))
источник

E

Eugene in Angular - русскоговорящее сообщество
Galeups
ну возможно, чтоб была возможность таскать компонент из проекта в проект, так сказать уменьшить связанность ))
вам придется существующее решение переделать на использование deprecated-фичи. такое себе. оборачиваете компонент в модуль, кладете к этому модулю файл c глобальными стилями для этого компонента, импортите этот файл стилей прямо в модуль.
если необходимо сделать эти стили ленивыми, декларируете их в angular.json с опцией lazy
источник

G

Galeups in Angular - русскоговорящее сообщество
Eugene
вам придется существующее решение переделать на использование deprecated-фичи. такое себе. оборачиваете компонент в модуль, кладете к этому модулю файл c глобальными стилями для этого компонента, импортите этот файл стилей прямо в модуль.
если необходимо сделать эти стили ленивыми, декларируете их в angular.json с опцией lazy
спасибо большое. Вот кстати не знал, что можно и стили загружать лениво ))
Спасибо, будем подумать )
источник

ДК

Дмитрий Косолапов... in Angular - русскоговорящее сообщество
Подскажите. Имеется такая карточка. При нажатии на нее вызывается функция clickEvent() и там в завсимости от условий вылазят разные модалки. Нужно сделать так, чтобы при нажатии на крестик блокировался вызов функции clickEvent(), а вызывалась другая функция deleteContact(). Как это сделать?
источник

AY

Alexandr Yakushev in Angular - русскоговорящее сообщество
Дмитрий Косолапов
Подскажите. Имеется такая карточка. При нажатии на нее вызывается функция clickEvent() и там в завсимости от условий вылазят разные модалки. Нужно сделать так, чтобы при нажатии на крестик блокировался вызов функции clickEvent(), а вызывалась другая функция deleteContact(). Как это сделать?
Можно повесить на крестик другой (click) и внутри него сделать stopPropogation, а дальше вызывать то, что надо
источник

AY

Alexandr Yakushev in Angular - русскоговорящее сообщество
Либо в clickEvent() передать event и копаться в target, смотреть, на что реально нажал пользователь, но это гемор
источник

ДК

Дмитрий Косолапов... in Angular - русскоговорящее сообщество
вы лучший!) спасибо большое
источник

ДК

Дмитрий Косолапов... in Angular - русскоговорящее сообщество
уже думал как-нибудь через правую кнопку делать)
источник

MA

Maxim Afanasev in Angular - русскоговорящее сообщество
Дмитрий Косолапов
Подскажите. Имеется такая карточка. При нажатии на нее вызывается функция clickEvent() и там в завсимости от условий вылазят разные модалки. Нужно сделать так, чтобы при нажатии на крестик блокировался вызов функции clickEvent(), а вызывалась другая функция deleteContact(). Как это сделать?
Вы можете решить это правильной разметкой, если внутри карточки будет отдельно remove-button и content, то события из remove-button не будут всплывать в content:
<div class="card">
 <div class="content">...</div>
 <button class="remove-button">...<button>
</div>
источник

MA

Maxim Afanasev in Angular - русскоговорящее сообщество
И еще здесь можно почитать про нюансы, которые возникают при работе с карточками: https://inclusive-components.design/cards/
источник

В

Владислав in Angular - русскоговорящее сообщество
Доброе утро, поскажите почему при router.navigate(['/']), не заходит в activatedRoute.params.subscribe?
источник

В

Владислав in Angular - русскоговорящее сообщество
Когда меняю :id - отрабатывает нормально, когда же мне нужно перейти на главную страницу (router.navigate(['/'])) - не  заходит в subscription
источник

AV

Anton Volkov in Angular - русскоговорящее сообщество
Привет!

Можете подсказать, в чем проблема может быть?

Делаю компонент, в котором в заголовке сайта поочередно печатаются и стираются слова

Все норм при обычной serve сборке, но как только собираю для прода и ssr — 
ng build —prod — ничего не работает — сайт открывается пустым, а на этапе сборки нет ошибок

Понял, что проблема в рекурсивном вызове функции, которая перезапускает отрисовку слова, но не очень понимаю, в чем именно проблема и как ее решить

Ниже скрины с кодом компонента
источник

AV

Anton Volkov in Angular - русскоговорящее сообщество
источник

AV

Anton Volkov in Angular - русскоговорящее сообщество
источник

В

Владислав in Angular - русскоговорящее сообщество
Владислав
Доброе утро, поскажите почему при router.navigate(['/']), не заходит в activatedRoute.params.subscribe?
не заходит в подписку потому что нет параметров, подскажите пожалуйста способ подписаться на url, в котором смогу отлавливать свой :id
источник