Публикации по теме 'angular-6'


Создание веб-приложения с Node JS и Angular V6 - Часть 1 (НАЗАД)
В этом уроке мы собираемся создать приложение, которое позволит нам составлять списки и создавать предметы. Мы собираемся использовать для нашего приложения архитектуру сторонних разработчиков: BACKEND (REST API) : NODE JS - EXPRES.JS БАЗА ДАННЫХ : MYSQL ПЕРЕДНЯЯ ЧАСТЬ : УГЛОВОЙ V6 НАЗАД ИНСТРУМЕНТЫ MYSQL СХЕМА БАЗЫ ДАННЫХ Ниже схемы нашей базы данных у нас есть 3 таблицы t_matiere , t_etudiant и t_note . СОЗДАНИЕ БАЗЫ ДАННЫХ Мы переходим на..
Как использовать Angular 6+ Service Worker для (динамической) загрузки изображений
Сегодня я хочу показать вам, как использовать сервисный воркер Angular 6+ по умолчанию для кэширования динамически загружаемых ресурсов. Это особенно полезно, если вы используете стек JAM и не знаете, какие ресурсы редактор может использовать для контента. А поскольку мы не можем установить более одного сервис-воркера на страницу, было бы здорово, если бы мы могли использовать Angular Service Worker по умолчанию вместо того, чтобы переписывать весь сервис-воркер самостоятельно. Какую..
Управление состоянием с помощью NgRx
Одна из самых больших проблем с приложениями, управляющими данными. Существует множество шаблонов для управления приложениями. Что такое NgRx? NgRx — это фреймворк для создания реактивных приложений в angular. NgRx обеспечивает управление состоянием, изоляцию побочных эффектов, генерацию кода и инструменты разработчика, которые расширяют возможности разработчиков. Основные понятия Приложения, разработанные с помощью ngrx/store, должны иметь дело с Store, Reducer, State и..
Конфигурация интерфейса командной строки Angular V6
Выпущена новая версия Angular с новым интерфейсом командной строки, который вносит изменения в то, как мы устанавливаем конфигурации. 1. Проблема? 😲 Его документация не очень многословна, поэтому возникают сомнения, что делать. Например, в предыдущей версии вы могли установить yarn в качестве диспетчера пакетов по умолчанию следующим образом: ng set packageManager=yarn // Or if you want to set it globally ng set --global packageManager=yarn Однако новый способ использования CLI..
Использование @Output и EventEmitter
Итак, у меня есть событие в одном компоненте, и я хочу, чтобы оно обрабатывалось в другом компоненте. Angular позволяет мне это делать? Большое да! В @ angular / core у нас есть @Output и EventEmitter, которые позволяют нам передавать событие от одного компонента к другому. Давайте посмотрим, как это сделать. Итак, чтобы выполнить функцию родительского компонента при нажатии кнопки в дочернем компоненте, мы используем декоратор @Output Скажем, есть кнопка внутри дочернего..
Как установить выбранную опцию динамически в Angular 6
Все мы используем формы в наших приложениях. Выбор в формах удобен, когда у вас есть несколько вариантов. В Angular в качестве значения OPTION мы можем использовать не только строковые литералы, но и объекты. Простейший ВЫБОР <form [formGroup]= "countryForm"> <select formControlName= "countryControl"> <option [value]= "country" *ngFor= "let country of countries"> {{country}}</option> </select> </form> И в файле .ts..
Руководство по защите маршрутизатора Angular 6
В Angular 6 есть функция защиты доступа к маршрутизатору, называемая защитником маршрутизатора. Например, у вас есть структура маршрутизатора: { path: 'admin', component: AdminComponent, canActivate: [AuthGuardService], children : [ { path: 'books', component: ..., }, { path: 'authors', component: ..., }, { path: 'payments', canActivateChild: [AuthGuardService], children: [ { path: 'list', component: .....