Angular 使用管道加载的img src未知

Angular 使用管道加载的img src未知,angular,Angular,我试图用管道加载imgsrc,我在控制台日志中看到了正确的结果,但是映像的src仍然未知 我正在从firebase加载一些数据,在那里我有comment.email 在使用管道之后,我使用comment.email查找图像 这是我的密码: <img [src]="comment.email | getImage"> 在您的管道中,您订阅了一个可观察对象,并从订阅中返回了一个完全没有效果的值。您应该做的是从管道中返回一个可观察的对象,并在管道之后使用asyncpi

我试图用管道加载imgsrc,我在控制台日志中看到了正确的结果,但是映像的src仍然未知

  • 我正在从firebase加载一些数据,在那里我有comment.email
  • 在使用管道之后,我使用comment.email查找图像
  • 这是我的密码:

    <img [src]="comment.email | getImage">
    

    在您的管道中,您订阅了一个可观察对象,并从订阅中返回了一个完全没有效果的值。您应该做的是从管道中返回一个可观察的对象,并在管道之后使用
    async
    pipe

      transform(value: string){
      return   this.firestore.getRegistration(value).pipe(map (ressData => {
          const userAdditionalData = ressData.map(e => {
            return {
              id: e.payload.doc.id,
              ...e.payload.doc.data() as UserAdditionalInfo
            }
          })
          console.log(userAdditionalData[0].userImg);
          return userAdditionalData[0].userImg;
        }))    
      }
    
    用法:


    在管道中,您订阅的是一个可观察对象,并从订阅中返回一个完全无效的值。您应该做的是从管道中返回一个可观察的对象,并在管道之后使用
    async
    pipe

      transform(value: string){
      return   this.firestore.getRegistration(value).pipe(map (ressData => {
          const userAdditionalData = ressData.map(e => {
            return {
              id: e.payload.doc.id,
              ...e.payload.doc.data() as UserAdditionalInfo
            }
          })
          console.log(userAdditionalData[0].userImg);
          return userAdditionalData[0].userImg;
        }))    
      }
    
    用法:

    
    
    感谢您的快速回答。你是对的,你的解决方案一切正常。雷加谢洛又来了。我将答案标记为有用,因为这确实解决了我的问题。当我拥有15个声誉时,我将投+1票,因为我的帐户是新的,投票仍然为我锁定。@AtanasIvanov感谢您的善意解释。感谢您的快速回答。你是对的,你的解决方案一切正常。雷加谢洛又来了。我将答案标记为有用,因为这确实解决了我的问题。当我拥有15个声誉时,我将投+1票,因为我的帐户是新的,投票仍然为我锁定。@AtanasIvanov感谢您的友好解释。您将在这里找到一些答案您将在这里找到一些答案