От автора: Angular предлагает отличную функцию, с помощью которой легко прослушиваются события клавиатуры. Несмотря на то, что в документации по привязке шаблонов Angular она упоминается, как псевдо-событие, очень кратко, другой документации по этой функции нет. Прежде всего, чтобы определить, какие проблемы решают псевдо-события Angular, давайте рассмотрим простую задачу, когда вам нужно добавить команду UNDO к чек-боксу переключения. Команда UNDO должна ...

От автора: в этой статье мы рассмотрим, как создаются в Angular директивы, которые взаимодействуют с Элементами управления форм Angular. Мы сделаем это, создав директиву атрибута, которая перехватывает элемент управления базой и изменяет границу элемента узла директивы. Директива будет поддерживать как шаблонные, так и реактивные формы. API директив Начнем с создания директивы и определения ее API. Имена @Input имеют префикс селектора ...

От автора: в последнем релизе Angular было добавлено в CLI много новых возможностей, которые облегчают обновление и добавление новых функций в приложение. В недавнем обновлении WebStorm Angular 2018.2 была реализована интеграция с этими новыми командами CLI. Давайте рассмотрим их в действии, как и некоторые другие новые функции! Чтобы начать, мы создадим приложение Angular с помощью Angular CLI. Вы всегда можете ...

От автора: эта статья расскажет, как загрузить CSV файл в AngularJS, читать его и затем конвертировать в JSON для обработки. Затем вы узнаете, как сделать все это в обратном порядке и скачать дамп данных CSV из AngularJS. CSV-файлы выбирают из-за их простоты. Они также широко поддерживаются многими типами программ и обеспечивают простой способ представления данных электронных таблиц. Предварительные условия Прежде ...

От автора: динамические Angular компоненты – одна из основных концепций, представленных в Angular, они позволяют разработчикам динамически отображать представление компонента во время выполнения. В этой статье объясняется, как класс ComponentFactoryResolver разрешает ComponentFactory. Зачем это знать? Знание того, как работают основные части Angular, поможет лучше понять его, и вы будете увереннее при создании приложений и решении проблем, связанных с ошибками. Angular ...

От автора: очень часто вы, как разработчик, можете столкнуться с проектами, построенными на старых технологиях. Вы начинаете задумываться, как убедить руководство, менеджеров и даже коллег переключиться на что-то новое — многие используют Angular 6, ReactJS или VueJS, почему мы не можем? В своем посте я попытаюсь показать вам, как Angular компоненты веб помогают сочетать старые (AngularJS) и новые (Angular 6) ...

От автора: в этой статье мы покажем некоторые приемы, которые можно использовать в Angular, чтобы сделать код более чистым и улучшить производительность приложения. Недавно я завершил проект на Angular и по ходу я узнал некоторые вещи, которые могли бы пригодиться другим разработчикам. Итак, если вам нужны полезные для работы с Angular уроки, или вы просто ищете лучший способ управлять своими ...

От автора: динамические компоненты в любом фреймворке/библиотеке упрощают в Angular создание приложения больших масштабов. Давайте посмотрим, как мы можем создавать динамические компоненты в Angular 6. Начало работы с Angular Во-первых, создайте новый Angular проект. Если в вашей системе не установлен Angular, или если вы все еще используете старую версию Angular, выполните следующую команду на своем терминале: $ npm install -g ...

От автора: одним из моих последних заданий было создать настраиваемые раскрывающиеся Angular компоненты, которые поддерживают как одиночный, так и множественный выбор. Как всегда, я поделюсь с вами некоторыми советами в надежде, что вы узнаете новые вещи. Начнем с подготовки основы с двумя ключевыми компонентами — нам нужны компоненты dato-select и dato-option. @Component({ selector: 'dato-option', template: ` <div class="dato-option" [ngClass]="..."> <ng-content></ng-content> ...

От автора: каждый разработчик знает, что состояние приложения управляется сложно. Постоянное отслеживание того, что было обновлено, почему и когда может стать кошмаром, особенно в крупных приложениях. В мире Angular самым популярным решением является ngrx/store, который был вдохновлен известной моделью Redux. Лично я большой поклонник Redux и много работал с ngrx; Однако, как разработчик, так и консультант, я также сталкивался с ...