2017-04-24 91 views
1

這是我的第一個Angular2項目,我使用了ng2-handsontable用於網格。 而我有問題與ng2.handsontable。 鏈接和按鈕不適合我。Angular2的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>'; 
     } 
} 

問題的鏈接:

如果我把HREF = '/管理/用戶/ 1' 的標籤,正確的頁面將打開。但整個角度應用程序再次加載。

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>'; 

展望建議:)

+0

我從NG2-handsontable放棄。我只是創建我自己的網格模板,這是正常工作,只是正常的表與鏈接和按鈕沒有分類實施。可惜的是,仍然沒有良好的支持角度路由的角度2的自由網格。 – user1698635

回答

0

你可以用這個嘗試 - 角2數據表,演示