我正在尝试创建一个动态播放列表,从数组中提取.mp3文件并将其动态放入音频标记中。在这里查看演示:
http://plnkr.co/edit/NYKwAY?p=preview
起初我得到了控制台错误,说明:
$ sceDelegate policy
不允许阻止从url加载资源
但是我通过使用ngSantatize解决了这个问题,并且控制台不再抛出这些错误了。唯一的问题是mp3文件STILL不想播放。控制台给我的唯一错误来自角度音频播放器:
如果使用播放列表属性,则需要$ scope.playlistVariable = []; 在你的代码中
有关如何在Angular中完成此工作的任何想法?我是否错误地实施了ngSanatize?
答案 0 :(得分:2)
我认为问题在于你需要将$sce.trustAsResourceUrl(url)
作为被拉入src的东西返回。此外,ng-src
会阻止尝试加载"{{whatever}}"
的短暂错误。
我决定尝试制作one from scratch,使用离子,你可以尝试使用一些简单的概念。它加载NPR Feed,并显示一个漂亮的播放列表。我不知道我是否会以正确的方式称之为#34;但我选择通过绑定很少的管理来简化您的设置,并试图让角度更多地完成工作。它并不完美,但这应该让你开始。
一般来说,在任何框架中,我通常会决定,如果我有很多"管理代码"设置&把事情搞砸等等,我可能没有正确使用它。我试着弄清楚"气味"良好的代码,或社区中良好范例的人的基本风格,以了解如何有效地做事。在角度方面,似乎主要目标是将业务逻辑保持在HTML之外,但可重用的UI逻辑作为指令(属性和元素),使用最少的控制器将它们粘合在一起,并提供服务以提供数据。
此外,here是一个很好的指令,可以完成我认为您希望实现的目标。