Ну вот здесь в оф. доке в конце указывается он для билда либ https://angular.io/guide/creating-libraries#building-and-rebuilding-your-library

а есть альтернатива?

Angular CLI? ng generate library

Я так понял что с CLI 7 это де-факто стандарт.

Хотя вроде бы и использует (использовал) ng-packagr под капотом.

Кто хочет пообщаться насчёт протестов в США, го в Твиттер

А у @angularminsk завтра очередной стрим https://youtu.be/6fzTc2rn05s заходите завтра кому интересно! ✅

👍

👍

Всем привет! Подскажите плиз, как отключить стили у menu-item при клике вне menu, например некий инпут. Код темплейта меню:

<div class="users-wrapper">
             <div
               class="users-item"
               *ngFor="let device of showDevices; let i = index"
               (click)="chooseDevice(device, i)"
               [ngClass]="{ 'active-device': i === activeDevice }"
             >
               {{ device.name }}
             </div>
           </div>

Код компонента:

chooseDevice(device, index) {
   this.chosenDevice = device;
   this.activeDevice = index;
   this.metricsSearchForm.controls.metricsSearchInput.setValue('');
   this.getDeviceMetrics(device.name);
 }

<div class="users-wrapper">
             <div
               class="users-item"
               *ngFor="let device of showDevices; let i = index"
               (click)="chooseDevice(device, i)"
               [ngClass]="{ 'active-device': i === activeDevice }"
             >
               {{ device.name }}
             </div>
           </div>

chooseDevice(device, index) {
   this.chosenDevice = device;
   this.activeDevice = index;
   this.metricsSearchForm.controls.metricsSearchInput.setValue('');
   this.getDeviceMetrics(device.name);
 }

можно отслеживать клик на document.

в event'е этого клика есть свойство path (это список дом-узлов от того, на который был клика до window).

по нему можно посмотреть - если в этом списке нет элементов из твоего menu, значит был клик вне menu

сделать это можно с помощью создания директивы

ээ.. событие blur подходит?
там еще tabindex нужно добавить, если хочешь повешать этот listener на что-то кроме инпута

Можно написать директиву clickOutside, могу скинуть если актуально

Кстати да, вариант, хотя в этом случае я бы не юзал директиву

Директива это удобно. Ибо достаточно написать (clickOutside)=“handler” в любом месте

Да, согласен, но если это где-то в одном месте требуется - можно обойтись и без неё. Если же по всему проекту - директива

А потом когда затребуется вдруг ещё раз - рефакторинг?)

Ну а как)

Очень просто - писать так что бы потом не рефакторить )