не уверен - почитаю сейчас об этои

а можно ссылочку - не нахожу такого что касается интерфейсов

неа - что-то не то... тут речь об  interface | interface

Есть интерфейс для type select и для всего остального, в итоге берём их юнион, не?

Подскажите как правильно задать класс css из двух частей?
Есть 2 переменные с1=1111 и с2=2222
Могу в шаблоне получить либо один класс либо другой вот так: class="с1", а что написать в шаблоне чтобы в результате в хтмл получить 1111-2222
?

В интерфейсе есть поле type: string. В зависимости от значения поля нужно чтобы в интерфейсы были другие поля. Что-то вроде этого:

type Type = Type1 | Type2 | Type3;
interface A {
  type: Type;

  name?: string;  —> эти поля только если type == Type1
 age?: number; —> эти поля только если type == Type1

  adddress?: string;  —> эти поля только если type == Type2
 postcode?: string; —> эти поля только если type == Type2
 
}

Можно ли описать interface A для каждого type отдельно а потом сделать юнион?

так:

interface A {
  type: Type;
  name: string;
 age: number;
}

interface B {
  type: Type;
  address: string;
 postcode: string;
}

interface Common extends A, B {
}

?

interface A {
  type: Type1; // !
  name: string;
 age: number;
}

interface B {
  type: Type2; // !
  address: string;
 postcode: string;
}

type Common = A | B

забыл сказать спасибо)

принцип понял. Не совсем подходит - плодить интерфейсы - так как типов много. Но идея понятная

У всех type разные наборы полей? Тогда ок плодить интерфейсы

Есть группы полей с разными type и одинаковыми наборами полей? опять юнион -  type: Type1 | Type2

Хз, опиши ситуацию - подумаем над conditional types + mapped types

ок спасибо - обдумаю еще сам - потом напишу

Смотрели?
https://angular.io/guide/attribute-binding#binding-to-the-class-attribute

Ага, но чет не нашел ответа (ну не разобрался наверное)

class= "{{c1}}-{{c2}}"
только до такой штуки додумался, но что-то не знаю

[ngClass]="c1 + '-' + c2"

Гуд!

зацени, сделал одну функцию. не в один поток конечно, но по идее должно работать. просто функцию вызываешь и внутри вся магия

https://codesandbox.io/s/quirky-river-crtho?file=/src/index.ts