我有一个 Angular 组件，它的sortBy属性可以是三个值之一。该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>
这一切正常。不起作用的是在初始化组件时没有应用该类。我试过设置sortByinngOnInit和 inngAfterViewInit并且都没有导致应用该类。
看看我刚刚制作的这个StackBlitz，看看它是否是您想要实现的目标。
要点是sortBy在初始化时给出默认值，而不是在任何生命周期钩子中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句