Angular - Как перенести интерфейсы React в декоратор @Input

Question

Вот что я имею в React (убрал некоторый код), который я пытаюсь перенести на Angular:

interface IProps {
    xs: any;
    height: string;
    stat: Stat;
    statSchema: StatSchema;
    team?: Team;
    activePlayers?: Player[];
    subStatTitle?: string;
    requestMatchAction: (mar: MatchActionRequest) => void;
}

interface IState {
    selectedSubStatId?: string;
    selectSubStatOpen: boolean;
    selectPlayerOpen: boolean;
    success: boolean;
}

class BasicStatControl extends React.PureComponent<IProps, IState> {
    public state: IState = {
        selectSubStatOpen: false,
        selectPlayerOpen: false,
        success: true
    };

Я пытаюсь создать интерфейс оценки в Angular.Я создал версию React, но мне нужно перенести ее на Angular (я новичок в Angular, кстати).Конечная цель состоит в том, чтобы иметь две кнопки (Field Goal Made / Field Goal Attempted), которая открывает диалог / режим при нажатии кнопки.Диалог / модал будет либо списком игроков, либо SubStat (укажите, например, что целью поля в 2 очка был Layup, Dunk, Jumpshot).

Исправьте меня, если я ошибаюсь, но похоже, чтореализация интерфейса IProps в React эквивалентна декоратору @Input в Angular.Я попробовал сделать это и придумал это.

@Component({
  selector: 'nvo-basic-stat-control',
  templateUrl: './basic-stat-control.component.html',
  styleUrls: ['./basic-stat-control.component.css']
})
export class BasicStatControlComponent {
  @Input() height: string;
  @Input() stat: Stat;
  @Input() statSchema: StatSchema;
  @Input() team?: Team;
  @Input() activePlayers?: Player[];
  @Input() subStatTitle?: string;
  @Output() requestMatchAction = new EventEmitter();

  @Input() selectedSubStatId?: string;
  @Input() selectSubStatOpen: boolean;
  @Input() selectPlayerOpen: boolean;
  @Input() success: boolean;
  constructor() {}
}

Я не думаю, что это правильная реализация, так как я только что написал все свойства, но нет никакого способа различитьструктура (в приложении React определенный набор свойств определяется / привязывается к IProps и IState соответственно).Как правильно это сделать?

Кроме того, каков угловой эквивалент React's this.props?Цените любое руководство / направление.Спасибо!