Question

试图将JSON响应的属性与可观察到的api响应绑定到离子标题。但是无法使其正常工作。有人可以帮我解决其中的问题吗？

page.ts

export class DisplayPage implements OnInit {
  Category : any;
  result: Observable<any>;
  constructor(private route: ActivatedRoute, private router: Router, private myService: MyService) {
    this.Category = this.route.snapshot.params.Category;
    var id = this.route.snapshot.params.id;
    this.result = this.myService.result(this.Category,id);
    this.result.subscribe(res => console.log(res.name));//can see the response here logged
  }

page.html

<ion-header>
  <ion-toolbar>
    <ion-title>{{result.name | async}}</ion-title> *** not working ***
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

我也尝试了ng-bind，但是无法正常工作。 API调用很好。响应在那里，因为代码中能够控制台记录它。但不绑定到页面。

Answer 1

result是可观察的，result.name不是可观察的，也许您可以通过以下方式实现它：

<ng-container *ngIf="result | async as res">
    <ion-title>{{res.name}}</ion-title>
</ng-container>

无法绑定来自离子的可观察的json对象的值

1 个答案: