Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 将角度异步管道与Behavior Subject/ReplaySubject和auditTime/debounceTime一起使用_Angular_Rxjs - Fatal编程技术网

Angular 将角度异步管道与Behavior Subject/ReplaySubject和auditTime/debounceTime一起使用

Angular 将角度异步管道与Behavior Subject/ReplaySubject和auditTime/debounceTime一起使用,angular,rxjs,Angular,Rxjs,我正在尝试使用angular async管道订阅行为主题/ReplaySubject。 此外,我还必须使用auditTime或debounceTime运算符来丢弃一些值 下面是一个示例(我使用了Angular CLI 7.3.0版,仅更改了app.component): 从'@angular/core'导入{Component,OnInit}; 从“rxjs”导入{Observable,ReplaySubject,Subject}; 从“rxjs/operators”导入{auditTime,

我正在尝试使用angular async管道订阅行为主题/ReplaySubject。 此外,我还必须使用auditTime或debounceTime运算符来丢弃一些值

下面是一个示例(我使用了Angular CLI 7.3.0版,仅更改了app.component):

从'@angular/core'导入{Component,OnInit};
从“rxjs”导入{Observable,ReplaySubject,Subject};
从“rxjs/operators”导入{auditTime,tap};
@组成部分({
选择器:'应用程序根',
模板:`{value$| async}}`,
样式URL:['./app.component.less']
})
导出类AppComponent实现OnInit{
私有只读subjectWithState:Subject;
构造函数(){
this.subjectWithState=新的ReplaySubject(1);
}
ngOnInit():void{
本。受州。下(42);
}
获取值$():可观察{
返回此.subjectWithState.asObservable()
.烟斗(
点击(值=>console.log(值)),
审核时间(1000),
);
}

}
每次视图访问$value时,都会创建一个新的可观察对象。不要使用getter属性并创建属性,以便访问可观察对象的同一实例

  value$ = this.subjectWithState.asObservable()
    .pipe(
      tap(value => console.log(value)),
      auditTime(1000),
    );