Angular2的ng2-handsontable中链接和按钮的问题

时间:2017-04-24 16:23:41

标签: angular handsontable

这是我的第一个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>';
        }
}

链接问题:

如果我把href =&#39; / admin / users / 1&#39;在标签中,将打开正确的页面。但是整个角度应用程序再次加载。

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

因为我想使用routerlink。

当我创建像这样的路由器链接=&#39; / admin / users / 1&#39;链接未被调用。

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

在此版本中添加href ='#'也无济于事。

我也尝试:href =&#34; javascript:返回拍卖(&#39; 1&#39;)&#34;拍卖会调用angular2方法,但这不起作用。

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

此网格中的按钮问题是不会调用点击角度操作。

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

期待建议:)

1 个答案:

答案 0 :(得分:0)

你可以试试这个 - angular-2-data-table-demo