angular - 如何从我的组件中的方法创建和分配任意 Angular2 本地模板变量

Question

我正在寻找一种设置本地模板变量的方法，该变量的值由组件提供。

零件：

@Component({
  'my-component
})
@View({
  'templateUrl': '/templates/UserAnimals.html'
})
class UserAnimals {
  users : Object[];

  constructor() {
    this.users = [
      { _id: 0, name: 'John' },
      { _id: 1, name: 'Mary' },
    ];
  }

  getFavorite(userId : string) : Object {
    // return the animal object.
  }
}

模板：

<table>
  <tr *ngFor="#user of users"
      favoriteAnimal="getFavorite(user._id)">
    <!-- How do I do this? I'm looking for some way to set favoriteAnimal variable to 
     value from the component. After which favoriteAnimal is re-usable to all children
     of the tr tag. -->

    <td>
      {{ user.name }}
    </td>

    <td>
      {{ favoriteAnimal.type }}
    </td>

    <td>
      {{ favoriteAnimal.name }}
    </td>
  </tr>
</table>

Answer 1

代替
{{ favoriteAnimal.type }}and{{ favoriteAnimal.name }}使用
{{getFavorite(user._id).type}}and {{getFavorite(user._id).name}}。

我不知道有任何方法可以像您描述的那样设置本地模板变量。