angular - 如果商品不在商店中，则发送一个操作来获取它

Question

我正在尝试弄清楚如果某件商品不在商店中，那么获取该商品的最佳方式是什么。

例如，假设我有一个用户列表，我想获取特定用户。如果该用户不在商店中，我想从数据库中获取他。

下面的代码是否被认为是最佳实践，或者是否有更好的方法？

const searchedUserId = 'abcdefg'; 
this.selecedUser$ = this.store.select(state => {
   const selectedUserIndex = state.userList.findIndex(searchedUserId)
   if (selectedUserIndex === -1) {
     this.store.dispatch(new UsersActions.FetchUsers(searchedUserId));  
   } else {
     return state.userList[selectedUserIndex]
   }
})

Answer 1

const searchedUserId = 'abcdefg';
this.selecedUser$ = this.store.select('userList').pipe(
  map(userList=>{const result = userList.findIndex(item=>item.id===searchedUserId);
  return result === -1 ? {} : result;
  }),
  tap(userList=>{
    if( !userList.hasOwnProperty('id') ) this.store.dispatch(new UsersActions.FetchUsers(searchedUserId));
  })
);

点击不会改变可观察对象，当分派(dispatch)的 Action 改变状态时，可观察对象会被更新。

使用选择器而不是 select 语句，并注意操作找不到键的情况。