Главная » Архив меток: Angular

Архив меток: Angular

Как обновить Angular 6 до версии 7

От автора: Angular 7 вышел. Настало время обновить Angular 6 и наши проекты ngx-* до последней версии. В этом релизе основное внимание уделялось улучшению всей платформы. Drag and Drop и Angular Elements стали одними из ключевых функций в этом релизе. Примечание: В 6.1 были внесены существенные изменения (подождите, существенные изменения должны быть частью основных релизов, вы знаете об этом. Мы ...

Читать далее »

Что следует учитывать при обновлении с AngularJS до Angular версии 2.0+

От автора: последний год мы работаем с крупным корпоративным клиентом с 20+ веб-приложениями, написанными в AngularJS (точнее, Angular версии 1.5). Но учитывая анонс Google в начале этого года, похоже, клиенту потребуется обновить все эти приложения. Основная причина этого заключалась в том, что Google завершит поддержку старой версии 30 июня 2021 года. Любые дыры в безопасности, обнаруженные после этого момента, оставят ...

Читать далее »

Создание Full-Stack приложений с использованием Angular CLI и Nx

От автора: Nrwl Nx создал много приложений Angular, кодом которых поделился. Это сократило время создания общей библиотеки с нескольких дней до нескольких минут. Но как насчет обмена кодами между back-end и front-end? Наш последний релиз NX создавался с учетом этого варианта использования. В этой статье мы рассмотрим, как мы можем использовать Nx, чтобы произвести в Angular создание приложения в сочетании ...

Читать далее »

Обеспечение доступности стало проще с помощью Angular CDK

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

Читать далее »

Как использовать Material Design в Angular 6

От автора: Angular развивается на протяжении многих лет, и в каждую версию постоянно добавляются новые захватывающие функции. Одно из усовершенствований введено в Material Design, который поставляется с новыми компонентами. В этом руководстве мы рассмотрим сам Angular Material Design и то, как включить его в проекты Angular 6. Что такое Material Design? Material Design — это язык дизайна для веб- и ...

Читать далее »

Анимация динамических компонентов в Angular

От автора: в этой статье мы рассмотрим два разных метода, с помощью которых реализуется в Angular анимация динамических компонентов. В первом примере мы используем чистую анимацию CSS. Давайте создадим для демонстрации кнопку добавления. Начнем с компонента. @Component({ template: ` <div class="snackbar-container"> {{ content }} <button (click)="close()">&#x2715;</button> </div> ` }) export class SnackbarComponent { @Input() content = ''; constructor(private host: ElementRef<HTMLElement>) ...

Читать далее »

Создание многократно используемой анимации с помощью Angular Animations

От автора: в этой статье мы заново создадим кнопку хлопка Medium, используя Angular Animations. Эта статья предполагает базовые знания основных методов Angular Animations, таких как trigger(), transition() и т. д. Мы изучим различные функции анимации, такие как: Создание многократно используемой анимации (animation, useAnimation) Выражения изменения состояния (:enter, :leave, :increment, :decrement). Средняя кнопка хлопка с помощью Angular Animations Многократно используемая анимация ...

Читать далее »

Angular 7 на подходе

От автора: сегодня Angular Team выпустили бета-версию Angular 7. Многим из нас будет интересно узнать о функциях и исправлениях ошибок, которые мы можем увидеть в этой бета-версии. Функции Давайте сначала рассмотрим новые функции. Angular Compatibility Compiler (ngcc) Этот компилятор преобразует node_modules, скомпилированный с помощью ngc, в node_modules, который, выглядит, как скомпилированный с помощью ngtsc. Это преобразование позволит использовать такие «унаследованные» ...

Читать далее »

Псевдо-события Angular для работы с клавиатурой

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

Читать далее »

Директивы атрибутов — формы Angular

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

Читать далее »