2

我创建自己的商店

export interface IAppState {
    cartData:ICartItem[];

    lastUpdate:Date;
}

并添加一些减速器来处理 ADD 和 REMOVE 动作

但在许多地方，我只需要来自商店的最新数据。根据文档，添加 attr@select()来存储项目添加就足够了，您将获得当前状态。

但是我创建了一些服务，可以完成所有工作，例如从商店中获取、添加和删除商品

@Injectable()
export class CartService {
    @select() private cartData: ICartItem[] ;
    constructor(private ngRedux: NgRedux<IAppState>) { }

    getItems() {
        return this.cartData;
    }

    addItem(item: IItem) {
        this.ngRedux.dispatch({type: ADD_CART_ITEM, cartItem : item});
    }

    removeItem(itemId: string) {
        this.ngRedux.dispatch({type: REMOVE_CART_ITEM, id: itemId});
    }

    removeAllItems() {
        this.ngRedux.dispatch({type: REMOVE_ALL_CART_ITEMS});
    }
}

但是问题 - 当我在我的组件的 init 上初始化myCartData属性时getItems，稍后我可以添加或删除一些项目，但myCartData在这一切之后属性将不会更新。

那么如何使用此类服务​​从商店获取最新状态？或者这种方法很糟糕，我需要在没有任何自定义服务的情况下直接从商店获取状态？

4

1 回答 1

2

尝试这个：

@Injectable()
export class CartService {
    @select('cartData')  cartData$: Observable<ICartItem[]> ;

    constructor(private ngRedux: NgRedux<IAppState>) { }

    addItem(item: IItem) {
        this.ngRedux.dispatch({type: ADD_CART_ITEM, cartItem : item});
    }

    removeItem(itemId: string) {
        this.ngRedux.dispatch({type: REMOVE_CART_ITEM, id: itemId});
    }

    removeAllItems() {
        this.ngRedux.dispatch({type: REMOVE_ALL_CART_ITEMS});
    }
}

在您的组件文件中只需订阅cardService.cardData$，或在模板中使用异步管道。

于 2018-03-25T21:47:29.083 回答