首页 文章

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

提问于
浏览
1

这是我的第一个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 ='/ admin / users / 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>';

期待建议:)

1 回答

  • 0

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

相关问题