javascript - 如何获取数据表行值并路由到另一个函数？

Question

如果我使用箭头函数，我可以路由到另一个组件，但我无法获取数据表值，下面是代码:

$('#list-country tbody').on('click', '.fa-edit', function() {
  var tr = $(this).closest("tr");
  var data = $("#list-country").DataTable().row(tr).data();
  console.log(data);
  this.router.navigate(['/apps/edit-country']);
  this.routePage();
});

如果我使用普通函数，我可以获取值，但我无法路由，下面是代码:

$('#list-country tbody').on('click', '.fa-edit', () => {

  var tr = $(this).closest("tr");
  var data = $("#list-country").DataTable().row(tr).data();
  console.log(data);
  this.routePage();
});

这些函数在 ngInit() 中。

Answer 1

此解决方案可能对您有用:

1. 首先在全局范围内声明一个变量(方法/类)
2. 在构造函数中将它初始化为this(如果你有的话)

3. 使用 self 代替 this 如下所示

    var self = this;  //declare this in constructor or method
   
    $('#list-country tbody').on( 'click', '.fa-edit', function ()  {
              var tr = $(this).closest("tr");
              var data = $("#list-country").DataTable().row(tr).data();
              console.log(data);
              self.router.navigate(['/apps/edit-country']);
              self.routePage();
          });