2016-06-09 67 views
1

我怎样才能模板属性绑定到一个eventEmitter结果:角2 - 如何将eventEmitter的结果绑定到一个属性

类似的东西在ngFor:

项目.imageFound声明如下:

@Output() imageFound = new EventEmitter(); 

而且emited:

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

事件发射器从哪里来? 独立的组件或服务? – inoabrian

+0

服务(组件==>服务=>服务) – JeromeXoo

+0

那么,流程是什么? Item是更大数组中的一个元素,还是只返回项目中只有一个图像的可见性? – inoabrian

回答

1

目前EventEmitter正在扩大Observable但角度队提到,很可能会改变。不应该以这种方式使用EventEmitter

你的问题没有提供足够的信息来知道你的组件是如何关联的,但它可能看起来像:

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

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

我认为包含imageFountEventEmitter的组件是<ion-img>组件的兄弟姐妹。

+0

阅读后,正确的答案。谢谢 – JeromeXoo

2

不知道我是否明白这一点,但可能是您的问题的答案。

要在模板中使用可观察到的值有一个async管:

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

它会放流的最新值[src]

+0

谢谢,我不知道eventEmitter是可观察的!我不能赞成,缺乏声誉 – JeromeXoo

相关问题