Привет всем 😀 Рад что мы с тобой встретились в этом видео Я собрал весь материал по 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 года назад, когда я платил за курс такого уровня как твой в свободном доступе :)
Повторение - мать учения 😂 спасибо за отзыв
Уже был на ютубе
Или хотя бы пол года назад, когда я Минина "беглый" курс смотрел...)
Спасибо за ваш труд!!!
Отличный контент, спасибо!
лучший урок про пайпы, который я видела 🤩 спасибо большое!
Thank you so much! It's one of the best videos about pipes!
Я не знал про оптимизацию перерисовки и, как следствие, считал пайпы не более чем формой вызова метода. Максим, большое спасибо.
Спасибо ! Твои видео выручают постоянно !
Спасибо, Максим, жму руку, обнимаю!
Огромное спасибо за ваши ролики.
Классно объясняете и не по верхушкам, как у большинства.
Концентрация полезной инфы зашкаливает) едем дальше! Спасибо!
Спасибо! Ждём про Async Pipe. Улыбнуло про Pure=Кузя))))
Хорошо получилось. Почему-то многие когда рассказывают про pipe забывают упомянуть о том, что он довольно хорошо оптимизирует перерисовку компонента.
Привет всем 😀
Рад что мы с тобой встретились в этом видео
Я собрал весь материал по Angular в том порядке, в котором я рекомендую проходить плейлисты у меня на канале
ruclips.net/channel/UClDDVLu0Cj_o9Y5D2ilCtdQplaylists?view=50&sort=dd&shelf_id=1
Приятного просмотра 😜
Спасибо за отличный контент. Так держать!
Спасибо за ролик ✌️👍
Спасибо. Интересно и полезно
отличное видео, спасибо большое!
Небольшое уточнение, пайп это не только механизм трансформации данных в шаблоне, ни что не мешает инжектировать пайп как сервис в компонент и трансформировать любые данные, значения полей, объекты, массивы. Кстати, очень удобно в пайпе делать сортировку и фильтрацию данных, которые отрисовываются через 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