Pull to refresh
11
0
Климент @klimentRu

angular

Send message

Angular 6+ полное руководство по внедрению зависимостей.  providedIn vs providers:[]

Reading time 7 min
Views 40K
image

В Angular 6 появился новый улучшенный синтаксис для внедрения зависимостей сервисов в приложение (provideIn). Несмотря на то, что уже вышел Angular 7, эта тема до сих пор остается актуальной. Существует много путаницы в комментариях GitHub, Slack и Stack Overflow, так что давайте подробно разберем эту тему.

В данной статье мы рассмотрим:


  1. Внедрение зависимостей (dependency injection);
  2. Старый способ внедрения зависимостей в Angular (providers: []);
  3. Новый способ внедрения зависимостей в Angular (providedIn: 'root' | SomeModule);
  4. Сценарии использования provideIn;
  5. Рекомендации по использованию нового синтаксиса в приложениях;
  6. Подведем итоги.
Читать дальше →
Total votes 13: ↑13 and ↓0 +13
Comments 11

Думай как программист. Урок по решению задач

Reading time 6 min
Views 99K
image

Если вы интересуетесь программированием, то возможно слышали фразу:
«Каждый должен учиться программированию, потому что оно учит думать.»

— Стив Джобс

Наверное вы тоже задавались вопросом, что значит думать как программист?

По сути, речь идет о более эффективном способе решения задач.

Данный пост ставит целью научить вас этому.

Прочтя его, вы более точно поймете, что нужно делать, чтоб находить лучшие решения.
Читать дальше →
Total votes 36: ↑26 and ↓10 +16
Comments 82

angular-ngrx-data — state management и CRUD за пять минут

Reading time 11 min
Views 32K
image
На сегодняшний день ни одно большое SPA приложение не обходится без state management (управления состоянием). Для Angular по данному направлению есть несколько решений. Самым популярным из них является NgRx. Он реализует Redux паттерн с использованием библиотеки RxJs и обладает хорошим инструментарием.

В данной статье мы кратко пройдемся по основным модулям NgRx и более детально сосредоточимся на библиотеке angular-ngrx-data, которая позволяет сделать полноценный CRUD со state management за пять минут.
Total votes 11: ↑11 and ↓0 +11
Comments 11

Как сделать поиск пользователей по Github используя Angular

Reading time 5 min
Views 5.4K
image

Эта статья является ответом на:


Целью статьи является:

  • показать, что на Angular тоже можно быстро написать простое приложение, хотя это не его основной конек,
  • показать плюсы приложения на Angular.

Целью статьи НЕ является:

  • разжигание очередного холивара.

Всех, кому интересно, прошу под кат.
Читать дальше →
Total votes 24: ↑19 and ↓5 +14
Comments 28

Angular. Рекурсивный компонент

Reading time 1 min
Views 6.9K

Бывают ситуации, когда нужно отобразить дерево с неопределенным количеством вложенных однотипных данных и при этом желательно не дублировать код на каждом уровне.

В этой короткой статье мы создадим компонент, который будет использовать в качестве входного параметра массив комментариев с несколькими уровнями вложенности и отображать их рекурсивно.
Читать дальше →
Total votes 13: ↑9 and ↓4 +5
Comments 9

Быстрый запуск Github репозитория c Angular CLI в вашем браузере

Reading time 2 min
Views 11K
image

На Github находится множество демок, примеров, прототипов и реальных приложений, написанных на Angular. Тем не менее, клонирование и инициализация проекта может занять много времени, что затрудняет его совместное использование и просмотр.

Именно поэтому была создана среда разработки StackBlitz, которая позволяет редактировать Angular CLI проекты в браузере. В ней сейчас пишутся примеры из официальной документации Angular.io!

Круто было бы быстро запустить любой Angular CLI проект с Github прямо в браузере, просто изменив URL-адрес?
Читать дальше →
Total votes 32: ↑29 and ↓3 +26
Comments 3

Реактивные формы (reactive forms) Angular 5 (2+). Часть 2

Reading time 6 min
Views 37K


На данный момент Angular является одним из самых популярных и быстроразвивающихся фреймворков. Одна из его сильных сторон — большой встроенный инструментарий для работы с формами.

Реактивные формы — модуль, который позволяет работать с формами в реактивном стиле, создавая в компоненте дерево объектов и связывая их с шаблоном, и дает возможность подписаться из компонента на изменение в форме или отдельном контроле.

В первой части речь шла о том, как начать работать с реактивными формами. В данной статье рассмотрим валидацию форм, динамическое добавление валидации, написание собственных синхронных и ассинхронных валидаторов.

Код примеров прилагается.
Читать дальше →
Total votes 17: ↑16 and ↓1 +15
Comments 6

Реактивные формы (reactive forms) Angular 5 (2+) Часть 1

Reading time 4 min
Views 68K


Введение


Одним из достоинств Angular является широкий набор инструментов “из коробки”, которые позволяют быстро создавать формы любой сложности.

В Angular существует 2 подхода к созданию форм:

Template-driven forms — подход, в котором ключевую роль играет шаблон компонента, и все описание производится в нем — этот подход является развитием работы с формами в AngularJS;

Reactive forms — новый подход для работы с формами в реактивном стиле. Описание формы происходит в компоненте в виде дерева объектов, после чего это дерево связывается с шаблоном. Все манипуляции (проверка валидности, подписка на изменение значения и прочее) производятся в компоненте, что делает работу более гибкой, удобной и предсказуемой.

В данной статье мы разберем, как начать работать с reactive forms на примере простой формы с валидацией и сообщениями об ошибках. Код примера.

Реактивные формы. Часть 2.
Читать дальше →
Total votes 18: ↑18 and ↓0 +18
Comments 17

Information

Rating
Does not participate
Location
Москва, Москва и Московская обл., Россия
Date of birth
Registered
Activity