在Angular中可观察到的返回[Object object]

Question

我是Angular的新手。 我在这里看到了类似的问题，但仍然无法理解。 为我服务：

banner(): Observable<String> {
    return this.http.get<String>(`${SERVER_API_URL}/api/banner`);
}

在组件中：

ngOnInit() {
    this.principal.identity().then(account => {
        this.account = account;
    });

    this.registerAuthenticationSuccess();
    this.craCoreService.banner().subscribe(value => this.banner = value);
}

和html：

<div class="alert alert-warning" *ngSwitchCase="false">
   {{banner}}
</div>

我的服务方法返回具有单个String属性（称为“横幅”）的简单JSON对象。 但是在UI中，我总是得到[Object object]。 我不明白如何从中获取价值 。 感谢您的帮助，谢谢。

Answer 1

如果它是带有banner属性的对象，那么您需要在TS代码中使用该use属性

this.craCoreService.banner().subscribe(value => this.banner = value.banner);

Answer 2

使用json管道在模板中显示对象。

<div class="alert alert-warning" *ngSwitchCase="false">  {{banner | json}}</div>