代码之家 › 专栏 › 技术社区 › Vingtoft

角度创建一个可观察的不工作

observable typescript angular

Vingtoft · 技术社区 · 7 年前

在Angular6,我正在创建一个 Injectable 服务。我正在尝试初始化一个 Observable 在 constructor ,请参见下面的简化代码。

问题: 的回调函数 Observable.create 从不执行,也没有错误。为什么是 console.log('authObserver created!') 没打过电话?

import { Observable, Observer } from 'rxjs';

@Injectable()
export class UserLoginService implements OnInit{

  authObserver:Observer;
  authObservable:Observable;

  constructor() {
    this.authObservable = Observable.create((observer: Observer) => {
      this.authObserver = observer;
      console.log('authObserver created!')
    });  
  }    
}

randomCallbackFunction(){
  this.authObserver.next("Button has been clicked");
}

2 回复 | 直到 7 年前

Vikhyath Maiya 7 年前

在您的代码中,我没有看到任何订阅发生。只有在订阅之后才可观察到。试试这个

this.authObservable = Observable.create((observer: Observer) => {
      this.authObserver = observer;
      console.log('authObserver created!')
    });
this.authObservable.subscribe()

Here

Javier Aviles 7 年前

/*
 Create an observable that emits 'Hello' and 'World' on  
 subscription.
*/
 const hello = Rx.Observable.create(function(observer) {
    observer.next('Hello');
    observer.next('World');
 });

 //output: 'Hello'...'World'
  const subscribe = hello.subscribe(val => console.log(val));

Fiddle .

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

6 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

7 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

7 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

7 月前

Jace Johnson · Typescript文件读取的变量类型错误

7 月前

Ole · Angular资源API是否支持为资源添加初始值?

7 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

7 月前