В смысле тыркать брейкпоинты в консоли хрома, а не в IDE?

Может это дерьмо виновато?

Угу. Она достаточно удобна, быстро привыкните

Вряд-ли

Открой в хроме файл с кодом и поставь там брейкпоинт)
И заработает дебаг

Или насколько мне известно есть ещё такое слово «debugger»
Попробуй поставить его в место в коде, где хочешь дебажить и запусти

Привет
Подскажите
Использую Angular 10 & Material Dialog
Пример на сайте

constructor(public dialog: MatDialog) {}

 openDialog(): void {
   const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
     width: '250px',
     data: {name: this.name, animal: this.animal}
   });

   dialogRef.afterClosed().subscribe(result => {
     console.log('The dialog was closed');
     this.animal = result;
   });
 }
Можно перестроитть окно чтоб настройки делать в template componenta

Тоесть хочу сделать универсальный елем ент
А не октрывать напрямую компонент диалога
DialogOverviewExampleDialog

можно)

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

Если я сделал компоненнт для иконок через ngSwitch (и на место кейсов поставил svg, в результате чего компонент огромным получился), то это норм? Или на перфомансе сказывается ?

Я не специалист конечно, но почему бы эту логику не перенести в ts и биндинг сделать, если одна нужна, в противном случае формировать массив

Вынеси в ts при он ините, заодно сможешь даже подгружать откуда-то из папки все иконки через сервис, тогда даже свитчи не надо, просто парсить папку и сравнивать названия файлов

Не севсем понял как это должно выглядеть...

id откуда берёшь

А зачем свитч кейс вообще? Если ты получаешь название иконки, почему бы просто не задавать путь к папке с иконками и к нему конкатенировать название иконки + '.svg'
А в папке держать иконки в одноименных файлах

Ну или тоже самое через спрайт и тогда 1 файл

можно хранить в стрингах и выставлять innerHtml

Где конкретно его задавать? Через аттрибут какой-то в тимплейте?

безопасно?

В src прям путь к папке и к нему нужный файл