如何将函数参数从 Aurelia 视图传递到控制器？

Question

我正在使用 Aurelia 创建一个 Web 应用程序。 (http://aurelia.io/)。 我需要将函数参数从 HTML 视图传递给控制器​​。这是我的 HTML 代码。

<table class="table table-bordered">
    <thead>
    <tr>
      <th>Full Name</th>
      <th>Options</th>
    </tr>
    </thead>
    <tbody>
    <tr repeat.for="user of users">
      <td>
        ${user.fullname}
        <div id="${user.oid}" class="collapse">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit.
        </div>
      </td>
      <td>
        <a href="#${user.oid}" click.delegate="select($user)" data-toggle="collapse"
           class="btn btn-primary btn-xs">View</a>
      </td>
    </tr>
    </tbody>
  </table>

在这段代码中，你可以看到这个函数的参数是'$user'。

click.delegate="select($user)"

我需要从控制器访问这个用户对象，就像我在控制器中所做的那样。但它不起作用并给我带来未定义的错误。

select(user) {
 console.log(user);
}

当我打印用户对象时，它是未定义的。那么你能告诉我如何解决这个问题吗？如果我不能传递整个用户对象，请告诉我一种传递单个值的方法，例如“user.fullname”。这样也好。

谢谢:)

Answer 1

进行以下更改：

click.delegate="select(user)"