Angular [class]绑定无法处理组件初始化

Question

我有一个具有sortBy属性的Angular Component，它可以有三个值中的一个。 changeSort函数设置值，该类将类active应用于三个列表项之一：

  <ul>
     <li role="button" [class.active]="sortBy === 'newest'" id="newest" (click)="changeSort($event)">Newest</li>
     <li role="button" [class.active]="sortBy === 'oldest'" id="oldest" (click)="changeSort($event)">Oldest</li>
     <li role="button" [class.active]="sortBy === 'alpha'"  id="alpha"  (click)="changeSort($event)">Alphabetical</li>
  </ul>

一切正常。什么不起作用是在初始化组件时没有应用该类。我尝试在sortBy和ngOnInit中设置ngAfterViewInit，但都不会导致该类被应用。

Answer 1

看看我刚刚制作的这个StackBlitz，看看它是否是您想要实现的目标。

外卖是在初始化时给sortBy一个默认值，而不是在任何生命周期钩子中。