Angular 2 - 如何将eventEmitter的结果绑定到属性

Question

如何将模板属性绑定到eventEmitter的结果：

类似于ngFor中的内容：

<ion-img [src]="item.imageFound" class="listImg" ></ion-img>

item.imageFound声明如下：

@Output() imageFound = new EventEmitter();

然后发出：

this.imageFound.emit(value: 'http:\\....');

Answer 1

不确定我是否明白了，但这可能是你问题的答案。

要在模板中使用可观察值，有一个async管道：

<ion-img [src]="item.imageFound | async" class="listImg" ></ion-img>

它会将流的最新值设为[src]

Answer 2

目前EventEmitter正在延长Observable，但Angular团队提到这可能会发生变化。 EventEmitter不应该以这种方式使用。

您的问题没有提供足够的信息来了解您的组件是如何相关的，但它可能看起来像：

<item (imageFound)="img.setAttribute('src', $event)"></item>
<!-- or just -->
<item (imageFound)="img.src=$event"></item>

<ion-img #img class="listImg" ></ion-img>

我认为包含imageFount EventEmitter的组件是<ion-img>组件的兄弟。