Angular 2的Array Subject .next()不会调用其他组件的观察者
Angular 2 Array Subject .next() not invoking another component's observer
我使用firebase作为我的后端。
在data.service中。最后,我创建了一个Subject数组,它将由应用程序init上的firebase观察者填充:
private orders = new Subject<any>();
orders$ = this.orders.asObservable();
firebase.database().ref(this.fbDataPath).on('child_added', (childSnapshot) => {
this.orders.next(
{
key: childSnapshot.key,
name: childSnapshot.val().name,
items: childSnapshot.val().items
}
)
})
然后我用DataService提供一个单独的目录组件,并订阅它的订单观察:
DataService.orders$.subscribe(
order => {
console.log('subscribe hit')
})
我似乎无法让侦听器组件在next上触发。我为布尔isLoggedIn做了这个工作,在这个场景中我一定错过了一些东西。谢谢!
这可能是因为您在闭包中使用了this
。从this.orders.next()
中去除this
相关文章:
- 使用metro-uiJS对话框调用其他文件html
- 这个关键字位于$.ajax()中,用于调用其他函数来设置url
- 如何在Javascript中创建一个调用其他函数的函数
- 我用脚本创建了一个按钮.我可以通过点击按钮调用其他函数吗?我这样做,但失败了
- 在ASP中调用HTML以调用其他脚本
- Javascript 调用其他对象方法
- 用于调用其他命令的 Windows 脚本
- 需要解析其他网页的值.首先,我需要调用其他网页并从中解析 XML 值
- jQuery调用其他事件处理程序中的事件处理程序函数
- 一个 JavaScript 函数调用其他几个函数
- Ajax 可以调用其他 Ajax 页面吗?
- 当我调用其他提交函数时,$anchorScroll正在进行第二次单击
- OOJS 调用其他方法
- Javascript 对象调用其他对象粉碎迭代器
- 如何调用“;点击“;输入类型“on input type”;文件“;通过调用其他元素的上下文
- 使用此函数在回调中调用其他函数
- 当javascript函数更改html输入文本时,我希望输入文本像调用其他JS函数一样触发事件
- 调用其他标记的onclick事件
- 如何使用javascript来调用其他类似于此代码的javascript
- 在JavaScript中调用其他选项方法