时间戳

首页 > 解决方案 > 以角度发布来自 API 的显示数据

angular - 以角度发布来自 API 的显示数据

问题描述

我正在为一个项目使用 mailjet API，当从 API 获取模板数据时，我想显示 HTML 的预览。但是，html 作为 api 的 Html 部分返回，并且在尝试显示 HTML 以测试代码是否有效时，我不断收到错误消息。

// the data back from the api
Html-part: "Lorem ipsum..."

{{details.Html-part}}

“找不到名称‘部分’”

关于如何解决这个问题的任何提示？

标签： angularfrontend

解决方案

有效字符 在一般 JavaScript 中，变量/函数名称不能包含 -。它们只能包含字母、$ 和 _（下划线）

由于变量不能包含破折号，因此您需要使用字符串/括号表示法来实现结果：

在 html 中，您可以绑定到getHtmlPart()应在组件中定义的组件：

getHtmlPart() { return this.details['Html-part']}
// this assumes details is available in component scope, replace with your  
//variable name where response is stored

推荐阅读