Angular предлагает отличную функцию, с помощью которой легко прослушиваются события клавиатуры. Несмотря на то, что в документации по привязке шаблонов Angular она упоминается, как псевдо-событие, очень кратко, другой документации по этой функции нет. Прежде всего, чтобы определить, какие проблемы решают псевдо-события Angular, давайте рассмотрим простую задачу, когда вам нужно добавить команду UNDO к чек-боксу переключения. Команда UNDO должна вернуть последний выбор пользователя.
#angular
https://webformyself.com/psevdo-sobytiya-angular-dlya-raboty-s-klaviaturoj/
#angular
https://webformyself.com/psevdo-sobytiya-angular-dlya-raboty-s-klaviaturoj/
Webformyself
Псевдо-события Angular для работы с клавиатурой
Использование псевдо-событий в Angular для работы с клавиатурой. Основы процесса прослушивания. Привязка к сочетаниям клавиш и модификаторам
Поскольку тенденции рынка начинают смещаться в сторону React, легко задаться вопросом о будущем Angular. Это те соображения, которые заставляют задуматься, что из них стоит выбрать, особенно когда вы только вступаете в игру. Важно знать победителя в борьбе Angular vs React.
#angular #react
https://webformyself.com/angular-vs-react-kto-pobedit-v-itoge/
#angular #react
https://webformyself.com/angular-vs-react-kto-pobedit-v-itoge/
Webformyself
Angular vs React: кто победит в итоге?
Angular vs React — какой из фреймворков может потеснить соперника в ближайшем будущем. Разбор основных преимуществ и недостатков
Component Development Kit представляет собой набор инструментов, реализующих общие модели поведения и компоненты с очень уникальным стилем взаимодействия. Это своего рода абстракция библиотеки Angular Material Library без стилевой специфичности только для material design. Это предоставляет больше уникальных способов проявить творческий подход при создании компонентов Angular.
#angular
https://webformyself.com/kak-realizovat-funkciyu-peretaskivaniya-s-pomoshhyu-angular-9/
#angular
https://webformyself.com/kak-realizovat-funkciyu-peretaskivaniya-s-pomoshhyu-angular-9/
Webformyself
Как реализовать функцию перетаскивания с помощью Angular 9
Как осуществить функцию перетаскивания с помощью Angular 9. Component Development Kit и инструмент Drag and Drop. Создание списка для отображения данных
Некоторое время назад в проекте Angular мне нужно было отобразить полноэкранный календарь, такой как в outlook. Поэтому, как обычный ленивый разработчик, я начал искать в Интернете пакет NPM, который мог бы сделать эту работу.
#angular
https://webformyself.com/angular-kak-sozdat-polnoekrannyj-kalendar-takoj-kak-v-outlook/
#angular
https://webformyself.com/angular-kak-sozdat-polnoekrannyj-kalendar-takoj-kak-v-outlook/
Webformyself
Angular: Как создать полноэкранный календарь, такой как в Outlook
Календарь на Angular. Компонент и массив. Класс CalendarDay. Немного HTML и CSS. Код для пайпа chunk
Привет, ребята, я хочу поговорить о пользовательских библиотеках. Я надеюсь, что к концу этой статьи вы поймете, как создать свою собственную библиотеку.
#angular
https://webformyself.com/sozdanie-polzovatelskoj-biblioteki-s-pomoshhyu-angular/
#angular
https://webformyself.com/sozdanie-polzovatelskoj-biblioteki-s-pomoshhyu-angular/
Webformyself
Создание пользовательской библиотеки с помощью Angular
Создание и использование пользовательской библиотеки на Angular. Рабочее пространство с одним проектом
Есть много способов реализовать связь между компонентами. Один из наиболее часто используемых подходов — вызовы публичных методов. Многие разработчики с сильным опытом классической веб-разработки (например, JQuery) любят использовать этот подход для разработки компонентов. Однако на самом деле это не очень хорошая практика в мире Angular.
#angular
https://webformyself.com/angular-pochemu-nuzhno-izbegat-publichnyx-metodov-pri-razrabotke-komponentov/
#angular
https://webformyself.com/angular-pochemu-nuzhno-izbegat-publichnyx-metodov-pri-razrabotke-komponentov/
Webformyself
Angular — почему нужно избегать публичных методов при разработке компонентов
2 проблемы, из-за которых лучше избегать публичных методов angular при разработке компонентов. Управление изменениями. Не подходит для наследования
Каждый компонент фреймворка Angular от момента своей инициализации, отображения данных на экран и до удаления проходит несколько этапов. Каждый этап представляет определенный метод, который можно описать в компоненте и который будет вызван на исполнение в определенное время.
#angular #премиум
https://webformyself.com/urok-14-frejmvork-angular-zhiznennyj-cikl-komponenta/
#angular #премиум
https://webformyself.com/urok-14-frejmvork-angular-zhiznennyj-cikl-komponenta/
Webformyself
Урок 14. Фреймворк Angular. Жизненный цикл компонента
В этом уроке мы рассмотрим жизненный цикл компонента (lifecycle hooks)
Ни одно Angular-приложение не обходится без определенных данных, к примеру, пользователи, которых мы с Вами отображаем на экране в тестовом проекте. При этом компоненты, где непосредственно и происходит обработка данных и вывод в браузер, как правило, сами по себе, данные не формируют и не производят их модификацию.
#angular #премиум
https://webformyself.com/urok-15-frejmvork-angular-servisy/
#angular #премиум
https://webformyself.com/urok-15-frejmvork-angular-servisy/
Webformyself
Урок 15. Фреймворк Angular. Сервисы
В этом видео мы с Вами рассмотрим еще одну составляющую фреймворка – сервисы
Как Вы знаете, фреймворк Angular предназначен для создания SPA (single page application), то есть одностраничных приложений, но, конечно же, в подобных проектах, создается только видимость сайта «одностраничника». На самом же деле страниц, как правило, много и переход между ними осуществляется при помощи навигационного меню без перезагрузки вкладки браузера.
#angular #премиум
https://webformyself.com/urok-16-frejmvork-angular-marshrutizaciya-sozdanie-multistranichnosti/
#angular #премиум
https://webformyself.com/urok-16-frejmvork-angular-marshrutizaciya-sozdanie-multistranichnosti/
Webformyself
Урок 16. Фреймворк Angular. Маршрутизация. Создание мультистраничности
В этом видео мы с Вами рассмотрим создание мультистраничности и принципы, по которым работает маршрутизация во фреймворке
В прошлом уроке мы с Вами рассмотрели вопросы создания маршрутов и вывода различных страниц в проекте. При этом все страницы были абсолютно самостоятельными и не зависели от параметров, которые могли бы передаваться через маршрут. Но довольно часто контент на странице зависит от тех данных, которые могут передаваться через URL, а значит, в этом видео мы с Вами рассмотрим параметры маршрута и их последующую обработку.
#angular #премиум
https://webformyself.com/urok-17-frejmvork-angular-marshrutizaciya-parametry-marshruta/
#angular #премиум
https://webformyself.com/urok-17-frejmvork-angular-marshrutizaciya-parametry-marshruta/
Webformyself
Урок 17. Фреймворк Angular. Маршрутизация. Параметры маршрута
В этом видео мы с Вами рассмотрим параметры маршрута и их последующую обработку
Очень редко когда в проектах абсолютно все страницы открыты для всеобщего посещения. Как правило, есть ряд страниц, доступ к которым возможен либо после аутентификации, либо после выполнения определенных действий.
#angular #премиум
https://webformyself.com/urok-19-frejmvork-angular-marshrutizaciya-guards/
#angular #премиум
https://webformyself.com/urok-19-frejmvork-angular-marshrutizaciya-guards/
Webformyself
Урок 19. Фреймворк Angular. Маршрутизация. Guards
В этом видео мы с Вами рассмотрим гарды (Guards), которые используются для ограничения навигации по определенным маршрутам
Очень редко когда в веб-приложениях данные отображаются в исходном виде. Как правило, перед выводом на экран, информация подвергается определенной обработке. К примеру, меняется формат неких значений или отсекаются лишние элементы путем наложения фильтра. Как раз для этих целей во фреймворке Angular предусмотрен инструмент под названием пайпы (pipes), с которым мы начнем знакомиться в этом уроке.
#angular #премиум
https://webformyself.com/urok-20-frejmvork-angular-pajpy-ispolzovanie-standartnyx-pajpov/
#angular #премиум
https://webformyself.com/urok-20-frejmvork-angular-pajpy-ispolzovanie-standartnyx-pajpov/
Webformyself
Урок 20. Фреймворк Angular. Пайпы. Использование стандартных пайпов
В этом уроке мы начнем изучать пайпы в фреймворке Angular