javascript - 如何将函数参数从 Aurelia View 传递给 Controller ​​？

Question

我正在使用 Aurelia 创建网络应用程序。 (http://aurelia.io/)。我需要将函数参数从 HTML View 传递到 Controller 。这是我的 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)"

我需要从 Controller 访问这个用户对象，就像我在 Controller 中所做的那样。但它不起作用，并出现未定义的错误。

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

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

谢谢:)

Answer 1

做以下改变:

click.delegate="select(user)"