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, источник аудиофайла, кажется, изменяется, но фактический новый файл не отображается снова. Есть идеи??