Заметки о программировании и не только

Еще в Angular 16 появился оператор takeUntilDestroy() для RxJS подписок. Он существенно облегчает процесс работы с Observable. При подписке на Observable разработчик должен иметь в виду необходимость отписок при уничтожении компонента, чтобы предотвратить утечки памяти. Существует несколько методов, и все они требуют написания лишнего кода. Например, у нас есть подписка на сервис: export class Component implements OnInit { data; ngOnInit(): void { this.service.getData().subscribe( response => this...

Как включить HTTPS? Angular CLI предоставляет нам три параметра, которые мы можем передать вместе с командой ng serve для включения и настройки SSL. // enable or disable SSL --ssl <boolean: defaults to false> // path to root certificate --ssl-cert <string: defaults to "ssl/server.crt"> // path to private key --ssl-key <string: defaults to "ssl/server.key"> Пример №1 ng serve —-ssl true Пример №2 ng serve \ --ssl true \ --ssl-cert "/home/john/ssl/example.crt" \ --ssl-key "/home/john/ssl/example...

Давайте рассмотрим все новые функции, введенные в последнем релизе Angular 17.2, а так же изучим альтернативы декораторам @ViewChild, @ViewChildren, @ContentChild и @ContentChildren, которые заменяют декораторы с теми же названиями. Разберем, почему эти декораторы делают существующие хуки жизненного цикла AfterContentInit и AfterViewInit необязательными, а также рассмотрим новый API model(), который позволит нам осуществлять двустороннюю привязку данных с использованием сигналов. @ViewChild с использованием Signal-based Queries Начнем с обсуждения новой альтернативы декоратору @ViewChild...

Работая с Angular можно заметить, что шаблоны являются важной частью приложения. Благодаря гибкости шаблона и поддерживаемым им декларативным API, мы можем создавать современные и динамичные веб-приложения. В Angular 17 было введено множество функций, и одной из важных является новый синтаксис шаблона, известный как синтаксис @-notation, что привело к введению нескольких новых API в шаблон. Эти API дополняют синтаксис HTML шаблона, выделяясь среди них блок с именем "Deferrable Views" доступный через блок @defer...

В обновлении сборщика приложений в версии 17.1.0 были введены новые параметры загрузчика, что делает обработку файлов более простой и удобной. Эти параметры позволяют указать, как обрабатывать различные типы файлов. Вот краткий обзор доступных загрузчиков: Настройка этих загрузчиков проста. Например, чтобы встроить содержимое SVG в приложение, нужно изменить angular.json: { "architect": { "build": { "options": { "loader": { ".svg": "text" } } } } } Эта настройка встраивает файлы SVG как строки, устраняя необходимость во внешних запросах файлов для ваших графических элементов: import foo from '...