这个 configurable 产品(搜索 home theater)明细页面里,没有看到 add to wish list 的超链接:
http://localhost:4000/electronics-spa/en/USD/product/CONF_CAMERA_SL-PROF-BLACK/digital-camera-professional-black
有时我们会发现 Add to wish list 按钮为空的情况:
选择器 cx-add-to-wishlist
下是空的,没有任何元素,如上图所示。
从 ng-container
里的 ngIf
指令不难发现,add to wish list 的工作前提,是当前产品已经成功被获取,并且用户处于登录状态。
在 Component AddToWishListComponent
里打印出当前 product 的详细信息:
在函数 isUserLoggedIn
里添加 console.log:
isUserLoggedIn(): Observable<boolean> { return this.authStorageService.getToken().pipe( tap((token) => { console.log('Jerry token: ', token)}), map((userToken) => Boolean(userToken?.access_token)), distinctUntilChanged() ); }