Rxjs Subject / Observable订阅列表数组

Question

我有一个简单的问题。 我有DataStorageServiceService服务，在此服务中，我有shopCartProtudct = new Subject<ProductModel[]>(); 。 我有组件SingleProductComponent ，我想从该组件中发送数据，并将数据发送到shopCartProtudct但是像数组一样，我想与交互式shopCartProtudct像基本数组进行交互，这意味着我要存储数据并删除。 这可以吗？

Answer 1

您可能正在寻找像这样的Service实现：注意：未经测试的代码，几乎将其视为伪代码。

export class DataStorageService {

    //A subject that you can subscribe on
    shopCardProduct = new Subject<ProductModel[]>();

    //array behind the products in the cart
    products : ProductModel[] = new Array<ProductModel>() ;

    constructor(){
        this.shopCardProduct = new BehaviorSubject<ProductModel>(new Array<ProductModel>())
    }

    shop(product: ProductModel){
        this.products.push(product);
        this.shopCardProduct.next(this.products);
    }

    getCart(): Subject<ProductModel[]> {
        return this.shopCardProduct;
    }

}