Angular2のng2-handsontableのリンクとボタンに関する問題

Question

これは私の最初のAngular2プロジェクトで、グリッドにng2-handsontableを使用しています。 そして、ng2.handsontableに問題があります。 リンクとボタンが機能しません。

グリッド設定：リンクと

userItems: UserItem[]=[]; 
private colHeaders: Array<string> = ['View']; 
private columns: Array<any> = [   
    { 
     data: 'viewDetails', 
     renderer: 'html', 
     readOnly: true 
    } 
    ]; 

//After getting users populated, results are mapped 
mapUsers(users: UserItem[]): void { 
    this.userItems = users; 
     for (var userItem of this.userItems) {    
      userItem.viewDetails= '<a href='/admin/users/1'>Details</a>'; 
     } 
} 

問題：私はタグに= '/管理者/ユーザー/ 1' のhref置く場合

、正しいページが開きます。しかし、すべての角度のアプリケーションが再びロードされます。

userItem.viewDetails= '<a href='/admin/users/1'>Details</a>'; 

そのため、私はrouterlinkを使用します。

このようなリンクを作成すると、routerlink = '/ admin/users/1'リンクは呼び出されません。

userItem.viewDetails = '<a routerlink='/admin/users/1'> Details</a>'; 

このバージョンにhref = '＃'を追加することも役に立ちません。

私も試してみてください：href = "javascript：return auctions（ '1'）"オークションはangular2メソッドを呼び出しても動作しません。

userItem.viewDetails= '<a href="javascript:return details('1')">Details</a>'; 

このグリッドのボタンで問題が発生するのは、クリック角動作が呼び出されないという問題です。

userItem.viewDetails= '<button (click)="details(1)">Details</button>'; 

提案を楽しみにしています:)

Answer 1

あなたはこれを試すことができます - 角度-2データ・テーブル・デモ