将对象作为参数Angular 2传递

Question

有没有人知道如何将对象作为 DOM 中的参数传递。

我在 HTML

中

<div class="list-items">
    <ul>
        <li *ngFor="let i of item">
            <span  (click)="onAdd({{newUser.username}},{{i}})" 
                   class="glyphicon glyphicon-plus">
            </span>
                {{ i.name }}
        </li>
    </ul>
</div>

我为{{newUser.username}}和{{i}}都收到错误。 我更关心传递{{i}}。

Answer 1

您只需要在模板中使用变量进行字符串插值（{{variable}}）。对于绑定和事件，您可以直接使用它：

<span (click)="onAdd(newUser.username, i)" 
      [someInput]="foobar" class="glyphicon glyphicon-plus">
</span>