angular2とquery tablesorter - htmlテーブルがロードされた後にtypescript関数を実行する方法

Question

私は、htmlテーブルとjquery tablesorterでangular2を使用しています。

tableSorter(){ 
    $("[data-sort=table]").tablesorter({ 
     sortList: [[0,1]] 
    }); 
} 

テーブルの準備ができたら、tableSorterを実行するにはどうすればよいですか？

このエラーが発生するのは、データが準備できていないためです。

tablesorter TypeError: Cannot read property '1' of undefined 

Answer 1

ページが完了した後、Angular2はcatchedすることができNavigationEnd -eventを発射。私は、次の例では、このアプローチを使用している：

import { Component, Injector }  from '@angular/core'; 
import { Event, NavigationEnd, Router, ROUTER_DIRECTIVES } from '@angular/router'; 
declare var $:any; // To get a grip on jQuery... 

@Component({ 
    selector: 'navigation', 
    templateUrl: 'part/nav', 
    styleUrls: ['cms/cms/nav.component.css'], 
    directives: [ROUTER_DIRECTIVES] 
}) 

export class NavComponent { 

    constructor(router:Router) { 
     router.events.subscribe(event => { 
      if(event instanceof NavigationEnd) { 
       // Close menu in case of small screen... 
       $('.navbar-collapse').collapse('hide'); // same way with tablesorter... 
      } 
     }) 
    } 
} 

私は...あなたがトラフクラス名をそれらに対処できるよう、あなたがいる限りtablesorterと同じ方法を使用することができます賭けを