Angular directives, создание директивы, пример highlight директивы
ฝัง
- เผยแพร่เมื่อ 5 ก.ค. 2024
- Angular Directives важная часть шаблонизации angular. Директива это компонент без вью. Повесить директиву можно через атрибут, после чего мы можем делать большое количество задач, часть из которых мы рассмотрим в этом плейлисте в этом и следующих видео.
При разработке расширяемых компонентов в angular директивы просто незаменимы и позволяют строить очень удочный АПИ для взаимодействия с компонентами. Например Angular Material Table.
==============================
Код готового урока:
github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист: • Как работает WEB. Мест...
Вариант 2:
github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================
Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code: • VS Code extensions для...
WebStorm: • WebStorm работа с angu...
Архитектурные елементы Angular • Angular архитектурные ...
Основы RxJS • RxJs Теория: Observabl...
Подробнее об OnPush • ngOnChanges vs ngDoChe...
Немного старого видео об иммутабельности • Immutable. Неизменяемо...
Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке: • Что такое SQL? Как раб...
Спасибо что продолжаете смотреть меня и радовать комментариями.
---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube
----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
5) Можно стать участником моего канала на платной основе / @grommaks
#directives #angular #grommax
Материально поддержать канал можно следующим способом
1) Перевод на карту send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
forms.gle/ZbFCKJSpDNYp4AMC6
Оглавление
00:00 - Введение
00:21 - Настройка проекта
00:40 - Описание Component в исходниках
02:11 - Описание Directive в исходниках
03:13 - Создание highlight directive
10:02 - Создание директивы в WebStorm
12:01 - Краткий гайд
Good job
Congrats with new video.
С возвращением!!!))))
Отличный урок! Ты красавчик, лучший по ангуляру на Ютубе. Уважение тебе)
Ого! Ого!
От души! Случайно зашел найти старый ролик, а тут 2 часа назад новый. Это судьба!
Наконецтво продолжил, а то я стал переживать)
Спасибо что живой!
Welcome back :)
Thanks for the video
Круто, что вернулся, спасибо за хороший контент!
У меня до сих пор сохранены твои первые видео по ардуино. Когда включаю, такая ностальгия начинается...
Я их вернул на старый канал, скрывал на время…а потом решил что не такие уж и плохие видео, но звук и подача мне там не нравится :)
Вернулся 😊, а я то думал где смотреть лучшие видео про angular 15/16. Ты лучший Макс!
Надо отснять видео с обновлением с 13 на 15/16 🥸
@@grommaks Ждём :)
Отличная работа. Продолжай, не бросай канал
Ура! Спасибо за понятный отличный контент)
Круто, спасибо!!!
Отличное видео! Не забрасывай канал пожалуйста, твои видео очень мне помогают))
Постараюсь :)
С возвращением! :)
Ты вернулся брат...
Ураа! Наконец-то новое видео отец)
Супер! Макс, з поверненням!
Дякую :)
Наконец новый видос)
Еееее спасибо, что вернулся 🙏
@grommaks, спасибо за урок. Хотелось бы видео об обновлении политики Ангуляр, связанно со standalone компонентами и отсутствии необходимости использования модулей.
Думаю такое сделать в плейлисте модулей, standalone не для плейлиста директив :)
Наскільки я розумію, то ролик записувався швидше - оскільки жодної згадки про standalone і hostDirectives
Це перше відео з плей-листу, будуть ще, але про stand-alone буде у плей-листу angular modules
извиняюсь discord нету
Не, сейчас нету