От автора: компоненты Angular имеют это интересное поведение, называемое ViewEncapsulation — оно определяет стиль для компонента, и область его применения ограничивается только этим конкретным компонентом. В зависимости от его настройки, переопределение этих стилей, однако, может быть сложным. Как же тогда мы можем иначе добавлять стили в Angular приложениям? Проблема Предположим, что у вас есть TrexComponent и его стили определяются в ...

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

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

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

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

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

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

От автора: в этой статье мы рассмотрим два разных метода, с помощью которых реализуется в 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>) ...

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

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