在Angular 6的组件中将类作为@Input或属性

Question

我的Angular中有几个组件是从BaseComponent继承的。在此BaseComponent中，我有一个名为@Input的{​​{1}}（或属性），该类具有多个属性，例如filter，key和{{1} }，如下所示：

status

我的page类如下：

export class BaseComponent implements OnInit {
  @Input() autoload: boolean;
  @Output() dataLoaded: EventEmitter<any> = new EventEmitter();
  public filter : APIFilter
//simplified


  constructor(private route: ActivatedRoute ) {
    this.filter= new APIFilter()
   }

我想做的是像这样：

APIFilter

但是到目前为止，无论我如何声明，我的export class APIFilter { status: number[]=[]; state: string | undefined; endDateYesterday: boolean = true; startDate: string| undefined; endDate: string | undefined; period: number | undefined; key: string; //simplified } 属性都不会更改，并且因为它不会注册新值，所以无法在继承的组件中使用它。

有什么想法吗？