Javascript 在HTML音频标记中提供动态URL

我在html和angular js中使用audio标记，其中我必须给出我想要播放的音频源，如下所示

    <audio src="http://localhost/audio/221122/play/212223.mp3" 
    audio player controls 
    pre-load="none"></audio>

我只想让这个URL动态，其中221122和212223应该是一些变量，比如文件夹名和媒体文件，它们可以有任何动态值

有人能帮我怎么做吗？我必须在控制器中写些什么吗

谢谢。

在您的模板中：

<audio audio player controls 
    ng-src="http://localhost/audio/{{model.folderName}}/play/{{model.audioName}}"
    pre-load="none"></audio>

从角度文档：

---

“在src属性中使用像{hash}}这样的角度标记是不正确的：浏览器将从URL获取文本{{hash}，直到Angular替换了{hash}中的表达式。ngSrc指令解决了这个问题。”

是的，在控制器中，您必须获取音频文件ID的列表。然后将这些值放在

$scope.files=[value1，value2]

中，然后在模板中迭代

ng repeat

以在文件中获得类似以下

ng repeat文件的值。。。。。。这是多个文件的示例：）
$scope.model = {
    folderName: '221122',
    audioName: '212223.mp3'
}