通过AngularJS处理JavaScript插件

我对AngularJS是新手。我正在通过AngularJS开发一个音乐应用程序

对于HTML5播放器，我使用以下内容：

如何将一层包装成角度，所以我只调用指令初始化播放器

前初始播放器

<div id="player1" class="aplayer"></div>

我试图使用它的指令和传递模板作为

<div id="player1" class="aplayer"></div>

---

但是我不知道如何将

Aplayer

JS添加到Angular中。

您可以用这种方式在指令中初始化Aplayer

使用

或

属性是在html代码中使用kebab case声明的，但您必须在指令代码中使用camelCase来访问它们

注意：

数据

这里不需要前缀。它仅用于防止本机html属性冲突

（函数（）{
"严格使用",；
角度模块（'app'，[]）；
有棱角的
.module（'应用程序'）
.指令（“一层”，一层）；
函数aplayer（）{
返回{
限制：“AC”，
链接：函数（范围、元素、属性）{
//'element'是该指令附加到的角度元素
//玩家需要本地的
var nativeElement=元素[0]；
var ap1=新的APlayer({
元素：nativeElement，
狭义：错，
自动播放：对，
showlrc:false，
互斥：对，
主题：“#e6d0b2”，
预加载：“元数据”，
模式：'循环'，
音乐：{
标题：attrs[“playertite”]，
作者：attrs[“playerAuthor”]，
url:attrs[“playerUrl”]，
图片：attrs[“playerPic”]
}
});
ap1.on（'play'，function（）{
console.log（'play'）；
});
ap1.on（'play'，function（）{
console.log（'play'）；
});
ap1.关于（'暂停'，函数（）{
console.log（'pause'）；
});
ap1.on（'canplay'，function（）{
console.log（'canplay'）；
});
ap1.关于（'播放'，函数（）{
console.log（'playing'）；
});
ap1.on（'end'，function（）{
console.log（'end'）；
});
ap1.on（'error'，function（）{
console.log（'error'）；
});
}
};
}
})();
您可以通过这种方式在指令中初始化一个层

使用
或

属性是在html代码中使用kebab case声明的，但您必须在指令代码中使用camelCase来访问它们

注意：
数据
这里不需要前缀。它仅用于防止本机html属性冲突


（函数（）{
"严格使用",；
角度模块（'app'，[]）；
有棱角的
.module（'应用程序'）
.指令（“一层”，一层）；
函数aplayer（）{
返回{
限制：“AC”，
链接：函数（范围、元素、属性）{
//'element'是该指令附加到的角度元素
//玩家需要本地的
var nativeElement=元素[0]；
var ap1=新的APlayer({
元素：nativeElement，
狭义：错，
自动播放：对，
showlrc:false，
互斥：对，
主题：“#e6d0b2”，
预加载：“元数据”，
模式：'循环'，
音乐：{
标题：attrs[“playertite”]，
作者：attrs[“playerAuthor”]，
url:attrs[“playerUrl”]，
图片：attrs[“playerPic”]
}
});
ap1.on（'play'，function（）{
console.log（'play'）；
});
ap1.on（'play'，function（）{
console.log（'play'）；
});
ap1.关于（'暂停'，函数（）{
console.log（'pause'）；
});
ap1.on（'canplay'，function（）{
console.log（'canplay'）；
});
ap1.关于（'播放'，函数（）{
console.log（'playing'）；
});
ap1.on（'end'，function（）{
console.log（'end'）；
});
ap1.on（'error'，function（）{
console.log（'error'）；
});
}
};
}
})();

不客气。我添加了一些代码来演示如何使用元素属性作为播放器参数。您好，stej4n，请您指导我如何通过json提供一个播放器音乐参数。或者点击一个按钮，玩家应该播放json API获取的音乐。基本上是动态添加从中获取的音乐参数json@MihirKumarThakur在这里查看我的答案不客气。我添加了一些代码来演示如何使用元素属性作为播放器参数。您好，stej4n，请您指导我如何通过json提供一个播放器音乐参数。或者点击一个按钮，玩家应该播放json API获取的音乐。基本上是动态添加从中获取的音乐参数json@MihirKumarThakur在这里查看我的答案
<div id="player1" class="aplayer"></div>