异步管道未使用ngif加载

时间:2020-05-23 18:42:02

标签: asynchronous rxjs observable

我正在尝试实现http post操作的可观察到的捕获结果,并使用带有ngif的异步管道显示结果。当我使用不带ngif的异步管道时,它可以正常工作。 -{{(result | async)} 但是使用ngif则无法正常工作。请在此处指出错误。

page.html文件

<div  *ngIf="result | async as quiz; else loading">
        <ion-row>
          <ion-col><div class="small-text ion-text-capitalize ion-text-start" color="medium">
            qz ID:</div></ion-col>
          <ion-col><ion-text><i>{{quiz.quid}}</i> </ion-text></ion-col>
        </ion-row>
</div>

page.ts文件

 private results: Observable<QuizDetail>;

doSearch(id:string) {
    let user = this.auth.getUser();
    console.log("searching: user: " + user.connection_key + " " + user.uid + "Quiz:" + id);
    //this.loading = true;
    this.results=this.quizDB.loadQuizDetail(user.connection_key, user.uid, id);
  }

服务等级

loadQuizDetail(key:String,uid:String, quid:String):Observable<QuizDetail>{
    var parameters = {
      "connection_key":key,
      "uid":uid,
      "quid":quid
    };
    console.log("going to call post");
    return this.http.post<QuizDetail>(API_URL + '/quiz_detail',
                          JSON.stringify(parameters),httpOptions);
  }

1 个答案:

答案 0 :(得分:1)

没有结果,请将其更改为结果|异步

str(df$p02) #shows the structure of the variable

unique(df$p02) #shows unique values of the variable