angular - 类型上不存在属性发出

Question

我试图通过服务通过 Subject 将数据从一个组件传递到另一个组件，但我收到以下错误

属性“emit”在类型“Subject(any)”上不存在。

这是我尝试过的

component.ts 文件

import { Component, OnInit } from '@angular/core';
import { Productservice } from 'src/app/services/products.service';
import { Router, ActivatedRoute } from '@angular/router';


@Component({
selector: 'app-admin-products',
templateUrl: './admin-products.component.html',
styleUrls: ['./admin-products.component.scss']
})
export class AdminProductsComponent implements OnInit {
listofproducts
editedproduct
constructor(private prservice:Productservice,private 
router:Router,private route:ActivatedRoute) { 

}

ngOnInit() {
this.listofproducts=this.prservice.getallproducts()


}




onclickedit(id){

this.editedproduct=this.prservice.getspecificproduct(id)
this.prservice.editproduct.emit(this.editedproduct)
this.router.navigate(['edit',id],{relativeTo:this.route})
}

}

因此在 emit 中它说 Property 'emit' does not exist on type 'Subject(any)

服务文件

import { Subject } from "rxjs";
import { Items } from "../home/header/admin-products/items.modal";

export class Productservice{

productcard=new Subject<any>()

editproduct=new Subject<any>()





getallproducts(){
    return this.cards
}
getspecificproduct(id){
    return this.cards[id]
}

} 

这是我订阅它的组件

import { Component, OnInit, Input } from '@angular/core';
import { Productservice } from 'src/app/services/products.service';
import { Router, ActivatedRoute } from '@angular/router';
import { take } from 'rxjs/operators';

@Component({
selector: 'app-edit-products',
templateUrl: './edit-products.component.html',
styleUrls: ['./edit-products.component.scss']
})
export class EditProductsComponent implements OnInit {
id:number
constructor(private prservice:Productservice,private 
router:Router,private route:ActivatedRoute) { }

ngOnInit() {

this.route.params.subscribe(
  (params)=>{
    this.id=+params['id']
    console.log(this.id)
  }
)
this.prservice.editproduct.pipe(take(1)).subscribe(
  (editproductdetails)=>{
    console.log(editproductdetails)
  }
)

}

}

Answer 1

您应该通过 next 发出值，而不是发出。

改变这一行:

this.prservice.editproduct.emit(this.editedproduct)

对此

this.prservice.editproduct.next(this.editedproduct)