從 angular 中的 API 發出顯示數據

Question

我正在將 mailjet API 用於項目，當從 API 獲取模板數據時，我想顯示 HTML 的預覽。 但是，html 作為 Html 部分從 api 返回，並且在嘗試顯示 HTML 以測試代碼是否有效時，我不斷收到錯誤消息。

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

{{details.Html-part}}

“找不到名稱‘部分’”

關於如何解決這個問題的任何提示？

Answer 1

有效字符一般 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