1. // 默认
    2. public activate$ = new BehaviorSubject(false);
    4. // 登录成功
    5. this.activate$.next(true);
    7. // 处理登录前
    8. authService.activate$.pipe(filter(flag => !flag)).subscribe(flag => {
    9.         this.orderList = [
    10.           {
    11.             id: 'test',
    12.             image: '../../../static/logo.svg',
    13.             name: '示例商品1',
    15.             status: EOrderStatus.UNFULFILLED,
    16.             currentPrice: `￥99999.99`,
    17.             profitRate: '--',
    18.             expectedProfit: `￥99999.99`,
    19.             hesitatedTime: '4分钟52秒',
    21.             payTime: format(new Date(), 'MM-dd HH:mm:ss'),
    22.             accountName: '示例推广位',
    23.             accountLogo: '../../../static/logo.svg',
    24.             nickName: 'abc',
    25.           },
    26.         ];
    27.       // 判断数据有没有完全加载
    28.         this.orderAllLoadingFlag = false;
    29.         this.orderNextFlag = false;
    31.         this.cardList = this.getCardList(orderSumData);
    32.         this.showLoading = false;
    33.       });
    34.     }, 1000);
    36. // 处理登录后
    37.  authService.activate$
    38.       .pipe(
    39.         filter(flag => {
    40.           this.isLogin = flag;
    41.           return flag;
    42.         }),
    43.         switchMap(flag => {
    44.           return this.searchStream$.pipe(
    45.             switchMap(searchStream => {
    46.               this.orderNextFlag = true;
    47.               this.showLoading = true;
    49.               if (searchStream.pi === 1) {
    50.                 this.orderList = [];
    52.                 // 跳回滚动顶部
    53.                 uni.pageScrollTo({
    54.                   scrollTop: 0,
    55.                   duration: 0,
    56.                 });
    57.               }
    59.               return zip(
    60.                 from(
    61.                   taobaoOrderService.getOrders({
    62.                     ...searchStream,
    63.                   }),
    64.                 ),
    65.                 from(
    66.                   taobaoOrderService.getOrdersTotal({
    67.                     ...searchStream,
    68.                   }),
    69.                 ),
    70.               );
    71.             }),
    72.           );
    73.         }),
    74.       )
    75.       .subscribe(result => {
    76.         const orderData = result[0];
    77.         const orderSumData = result[1];
    79.         const newOrderList = this.renderOrderList(orderData.data);
    80.         if (this.searchStream$.value.pi === 1) {
    81.           this.orderList = newOrderList;
    82.           uni.stopPullDownRefresh();
    83.         } else {
    84.           this.orderList = [...this.orderList, ...newOrderList];
    85.         }
    87.         // 判断数据有没有完全加载
    88.         this.orderAllLoadingFlag = orderData.total === this.orderList.length;
    89.         this.orderNextFlag = false;
    91.         this.cardList = this.getCardList(orderSumData);
    92.         this.showLoading = false;
    93.       });

    有时，登录前后代码经常会使用一套逻辑来请求数据。登录前后要求展示的数据并不相同，更确切的说，登录前，我们希望直接给出假数据，登录后才会执行请求。
    代码中，我们可以根据登录前后发射的状态作为filter去进行数据的处理。