如何在简单的对话框模型中以角度从api调用返回值？

问题描述

我有Angular 8应用程序。

我只想以对话框模式显示api调用中的文本。

这是组件中的api调用：FirstViewModalComponent

解决方法

将调用结果添加到组件属性[ { "contents" : "ABC","open": "Y" },{ "contents" : "DEF","open": "N" },{ "contents" : "GHI",]

在视图中使用它，带有innerHtml绑定的html显示以及带有插值的其他属性。另外，您还需要包装模板内容，以便在结果未定义时不会呈现（因为您正在对后端进行异步调用）。

this.healthApiService.getWelcomePopupsByParticipant().subscribe(result => this.result);

您需要使用* ngIf来确保您在初始化结果对象后访问其属性。 ng-container和ng-template的用法仅是示例。