角度ソース<A> rotuerLinkActive

この数は、見る角度のソースを

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は配列で渡され、または初期化時間の変化は、アップデートを実装するとき。トラバーサルクラス、スタイルを更新し、レンダリング
ソースを

 

おすすめ

転載: www.cnblogs.com/qgbo/p/11708248.html