json - amp-bind コンポーネントを使用して json の結果から div に html コンテンツを設定する方法

Question

私は次のことを試しました

Jsonの結果

{
 "details":"<h1>Heading</h1><p>Description</p>"
}

<amp-state id="remoteData" src="/api/get-result" >
</amp-state>

<div [text]="remoteData.details"></div>

現在、次のように表示されています

<div [text]="remoteData.details"><h1>Heading</h1><p>Description</p></div>

HTMLタグはテキストとしてリストされています.実際にはjsonの結果はAPI呼び出しから来ています.これを達成する方法はありますか.

また、amp-iframe を使用して読み込もうとしました。サーバー上に追加のページを作成し、iframe を使用して同じページを呼び出しました。コンテンツは適切に読み込まれていますがdiv、両方の原点が同じであるため、コンテンツの高さに応じてサイズを変更できません。

<amp-iframe width="200" id="myframe" height="40" layout="responsive" resizable sandbox="allow-scripts " frameborder="0"                                         src="https://demo.com/api/get-html"></amp-iframe>

親 amp-iframe コンポーネントの高さを動的に設定するために使用されるスクリプト

<script>
window.parent.postMessage({
    sentinel: 'amp',
    type: 'embed-size',
    height: document.body.scrollHeight
}, '*');
</script>

amp-bind を使用すると、html コンテンツを表示できません。amp-iframe を使用すると、コンテンツに応じて iframe の高さを調整できません。誰か助けてください。

ありがとう