0

我有一个页面，AMP-LIST它接收一个json file包含指向某些 mp3 文件的 url 链接的纯文本。像这样的东西：

{"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 时，音频文件的源似乎发生了变化，但实际的新文件没有再次呈现。有任何想法吗？？

4

0 回答 0