Блог

Моя страница amp имеет следующее состояние:

 <amp-state id="remoteData" src="https://remoteDataurl.com">
  <script type="application/json">
    {
      "name": "Foo",
      "email": "foo@bar.com"
    }
  </script>
</amp-state>
  

Я хотел бы привязать ответ к элементу на странице:

   <p [text]="'Hello '   remoteData.name"> ... </p>
  <p [text]="'Your email is '   remoteData.email"> ... </p>
  

Текст фактически уже привязан, но он не будет обновляться, пока на странице не произойдет событие.

Как я могу заставить его автоматически обновлять состояние?

Я считаю <amp-state> , что это не дает вам такой функциональности.

Мое решение на данный момент заключается в использовании <amp-list> со следующими атрибутами.

 <amp-list 
  layout="fixed-height"
  height="80"
  src="https://remoteDataurl.com"
  single-item 
  items="."
>
  
  <template type="amp-mustache">
    <p> Hello {{ name }} </p>
    <p> Your email is {{ email }} </p>
  </template>

</amp-list>
  

Вы можете сделать это таким образом.

 <amp-state
    id = "product"
    src="https://www.alectrico.cl/listas/designeramp;productos.json">   
</amp-state>
  

Состояние «продукт» теперь связано с некоторым URL извне.