У меня есть страница с AMP-LIST
, которая получает простой json file
, который включает URL-ссылки на некоторые 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, источник аудиофайла, кажется, меняется, но реальный новый файл больше не отображается. Есть идеи ??