この数は、見る角度のソースを。
rotuerLinkActiveルーティングスタイリング。
その値は、CSSのクラスです。あるいは、いくつかのクラス。
次のようにメインコードであります
@Input() セットrouterLinkActive(データ:列[] | 列){ CONSTクラス = Array.isArray(データ)?データ:data.split(」 ' ); これは、 = classes.filter(C => !! .classes C)。 } ngOnChanges(変更:SimpleChanges):ボイド { この.update()。} ngOnDestroy():ボイド { この.subscription.unsubscribe()。} プライベートアップデート():無効{ 場合(!これは .links ||!この .linksWithHrefs ||!この .router.navigated)リターン。 Promise.resolve()を(() => { CONST hasActiveLinks = この.hasActiveLinks(); 場合(この!.isActive == hasActiveLinks){ (このいずれかのような).isActive = hasActiveLinks; この .classes.forEach(( C)=> { 場合(hasActiveLinks){ この .renderer.addClass(この.element.nativeElement、C); } 他{ この .renderer.removeClass(この.element.nativeElement、C); } }); } })。 }
this.classesは配列で渡され、または初期化時間の変化は、アップデートを実装するとき。トラバーサルクラス、スタイルを更新し、レンダリング
ソースを