amp-audio нажмите на кнопку смены источника

У меня есть страница с AMP-LIST который получает равнину json file это включает в себя ссылки на некоторые mp3-файлы. Что-то вроде этого:

{"Items":
    [
        {"mp3":"https://my.url.com/mymp31.mp3" , "name" : "file1"},
        {"mp3":"https://my.url.com/mymp31.mp3" , "name" : "file1"},
        {"mp3":"https://my.url.com/mymp31.mp3" , "name" : "file1"},
        {"mp3":"https://my.url.com/mymp31.mp3" , "name" : "file1"},
        {"mp3":"https://my.url.com/mymp31.mp3" , "name" : "file1"}
    ]
}

И я превратил этот список в несколько простых тегов. Также у меня есть AMP-AUDIO который его источник должен быть изменен в соответствии с пунктами.

Мой Html будет примерно таким:

<amp-audio 
   width="auto"
   height="50">
   <source type="audio/mpeg" src="https://....mp3"
    [src]="audiosrc">
</amp-audio>

<amp-list
   items="Items"
   height="315px"
   layout="fixed-height"
   src="JSONFILE"
   id="podcastlist">
   <template type="amp-mustache">
      <div class="box" on="tap:AMP.setState({ audiosrc : '{{mp3}}' })">
         {{name}}
      </div>
   </template>
</amp-list>

Теперь вот проблема: когда я нажимаю на div, источник аудиофайла, кажется, изменяется, но фактический новый файл не отображается снова. Есть идеи??

0 ответов

Другие вопросы по тегам