Привет всем 😀 Рад что мы с тобой встретились в этом видео Я собрал весь материал по Angular в том порядке, в котором я рекомендую проходить плейлисты у меня на канале ruclips.net/channel/UClDDVLu0Cj_o9Y5D2ilCtdQplaylists?view=50&sort=dd&shelf_id=1 Приятного просмотра 😜
Небольшое уточнение, пайп это не только механизм трансформации данных в шаблоне, ни что не мешает инжектировать пайп как сервис в компонент и трансформировать любые данные, значения полей, объекты, массивы. Кстати, очень удобно в пайпе делать сортировку и фильтрацию данных, которые отрисовываются через ngFor, оборачивать например все номера телефонов и емейлы в специальные теги, делать хайлайт подсветку, вырезать/подменять лишние символы и т.д.
Умышленно это не сказал) это для третьего видео тема как использовать пайпу не в шаблоне) Если мы внедряем пайпу, то она работает как обычный сервис и параметры декоратора Pipe ни на что не влияют, более того пайпы не провайдятся из коробки, их нужно провайдить в желаемом модуле Но то что их можно внедрять, то это очень круто, иногда приходится использовать такое в своих проектах При отрисовке ячеект таблицы очень много вычислений идет в цикле циклов) пайпы сильно выручают и помогают улучшить скорость рендеринга таблиц...если вдруг невозможно посчитать модель до отрисовки... Хотя я предпочитаю подготовить модель и в HTML просто крутить модели на чтение
@@user-san-chous Ну шаблон - это не единственное место, куда надо выводить информацию, допустим надо выгрузить файл в excel/word или в PDF и там нужно в особом формате указать дату или валюту, или прогнать текст через ngx-translate. А так же передать куда-то отфильтрованные/отсортированные данные, как пример сложная форма, меняющая набор полей от разных опций, допустим выбранных ранее или пользователи с разными правами. Если приложение простое, то там да, пайпы кроме как в шаблонах больше нигде и не надо использовать, но мне повезло меньше и имею целый зоопарк бизнес требований.
Привет, ты можешь кинуть ссылку, как в проекте сделать google авторизацию(желательно Nest + React)? Да в интернете много видео на эту тему, но там везде не универсальные решения, мне нужно, чтобы мог зарегистрироваться любой пользователь, а не только я со своим google ключом. Заранее спасибо
да вообще даже без пайпы. Просто {{ transform("SomE ValUe", "Prefix") }} transform(value: string, prefix: string, operator: 'uppercase' | 'lowercase' = 'uppercase'): string { console.log('APP', value); value = !value ? prefix : prefix + ' ' + value; switch (operator) { case 'uppercase': return value.toUpperCase(); default: return value.toLowerCase(); } } [webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled. app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe core.mjs:26656 Angular is running in development mode. app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe @@grommaks
После Ваших уроков начинаю любить ангуляр все больше, огрмное спасибо!😉
лучший урок про пайпы, который я видела 🤩 спасибо большое!
Годный видос. Эх, где ты был 1.5 года назад, когда я платил за курс такого уровня как твой в свободном доступе :)
Повторение - мать учения 😂 спасибо за отзыв
Уже был на ютубе
Или хотя бы пол года назад, когда я Минина "беглый" курс смотрел...)
Отличный контент, спасибо!
Спасибо за простой и важный урок!
Привет всем 😀
Рад что мы с тобой встретились в этом видео
Я собрал весь материал по Angular в том порядке, в котором я рекомендую проходить плейлисты у меня на канале
ruclips.net/channel/UClDDVLu0Cj_o9Y5D2ilCtdQplaylists?view=50&sort=dd&shelf_id=1
Приятного просмотра 😜
Спасибо за ваш труд!!!
Я не знал про оптимизацию перерисовки и, как следствие, считал пайпы не более чем формой вызова метода. Максим, большое спасибо.
Спасибо, Максим, жму руку, обнимаю!
Thank you so much! It's one of the best videos about pipes!
Спасибо ! Твои видео выручают постоянно !
Хорошо получилось. Почему-то многие когда рассказывают про pipe забывают упомянуть о том, что он довольно хорошо оптимизирует перерисовку компонента.
Спасибо за ролик ✌️👍
Спасибо! Ждём про Async Pipe. Улыбнуло про Pure=Кузя))))
Концентрация полезной инфы зашкаливает) едем дальше! Спасибо!
Огромное спасибо за ваши ролики.
Классно объясняете и не по верхушкам, как у большинства.
Спасибо. Интересно и полезно
отличное видео, спасибо большое!
Спасибо за отличный контент. Так держать!
Небольшое уточнение, пайп это не только механизм трансформации данных в шаблоне, ни что не мешает инжектировать пайп как сервис в компонент и трансформировать любые данные, значения полей, объекты, массивы. Кстати, очень удобно в пайпе делать сортировку и фильтрацию данных, которые отрисовываются через ngFor, оборачивать например все номера телефонов и емейлы в специальные теги, делать хайлайт подсветку, вырезать/подменять лишние символы и т.д.
Умышленно это не сказал) это для третьего видео тема как использовать пайпу не в шаблоне)
Если мы внедряем пайпу, то она работает как обычный сервис и параметры декоратора Pipe ни на что не влияют, более того пайпы не провайдятся из коробки, их нужно провайдить в желаемом модуле
Но то что их можно внедрять, то это очень круто, иногда приходится использовать такое в своих проектах
При отрисовке ячеект таблицы очень много вычислений идет в цикле циклов) пайпы сильно выручают и помогают улучшить скорость рендеринга таблиц...если вдруг невозможно посчитать модель до отрисовки...
Хотя я предпочитаю подготовить модель и в HTML просто крутить модели на чтение
Мне тимлид за такое "по рукам дал". Сказал, что это не очевидно выглядит и чтобы пайпы в шаблоне юзал))
@@user-san-chous есть несколько ситуаций когда так нужно сделать) а в целом согласен)
@@user-san-chous Ну шаблон - это не единственное место, куда надо выводить информацию, допустим надо выгрузить файл в excel/word или в PDF и там нужно в особом формате указать дату или валюту, или прогнать текст через ngx-translate. А так же передать куда-то отфильтрованные/отсортированные данные, как пример сложная форма, меняющая набор полей от разных опций, допустим выбранных ранее или пользователи с разными правами. Если приложение простое, то там да, пайпы кроме как в шаблонах больше нигде и не надо использовать, но мне повезло меньше и имею целый зоопарк бизнес требований.
на 12:20 подсказки value: и prefix: для записи метода transform()
какое расширение показывает подсказки, о том какие параметры мы передали?
Webstorm из коробки может это делать
Я пришел по совету от Django School
Привет, ты можешь кинуть ссылку, как в проекте сделать google авторизацию(желательно Nest + React)? Да в интернете много видео на эту тему, но там везде не универсальные решения, мне нужно, чтобы мог зарегистрироваться любой пользователь, а не только я со своим google ключом. Заранее спасибо
Привет, к сожалению с авторизацией много не работал :(
По обычной авторизации стоит посмотреть тут
docs.nestjs.com/security/authentication
@@grommaks Ок спасибо
Странно, у меня метод вызвался 6 раз
Папа чистая? (Параметр чистой прописан?)
Входные данные менялись?
Сколько раз пайпа использована в шаблоне (на каждое использование свой объект пайпы)
да вообще даже без пайпы. Просто
{{ transform("SomE ValUe", "Prefix") }}
transform(value: string, prefix: string, operator: 'uppercase' | 'lowercase' = 'uppercase'): string {
console.log('APP', value);
value = !value ? prefix : prefix + ' ' + value;
switch (operator) {
case 'uppercase':
return value.toUpperCase();
default:
return value.toLowerCase();
}
}
[webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled.
app.component.ts:29 APP SomE ValUe
app.component.ts:29 APP SomE ValUe
core.mjs:26656 Angular is running in development mode.
app.component.ts:29 APP SomE ValUe
app.component.ts:29 APP SomE ValUe
app.component.ts:29 APP SomE ValUe
app.component.ts:29 APP SomE ValUe
@@grommaks