如何在AngularJs中调用第三方插件库

我想请分析下,如何在AngularJs中调用第三方插件库
最新回答
不抽烟い

2024-08-14 04:01:24

很简单,给插件写一个directive。
在这里,我会使用一个简单的jquery插件Toolbar.js 的DEMO。
这是我们如何在jquery中创建一个tooltip的:
[html] view plain copy
在CODE上查看代码片派生到我的代码片
<!-- Click this to see a toolbar -->
<div id="format-toolbar" class="settings-button">
<img src="xxx">
</div>

<!-- Our tooltip style toolbar -->
<div id="format-toolbar-options">
<a href="#"><i class="icon-align-left"></i></a>
<a href="#"><i class="icon-align-center"></i></a>
<a href="#"><i class="icon-align-right"></i></a>
</div>
[javascript] view plain copy
在CODE上查看代码片派生到我的代码片
<!-- Typical jQuery plugin invocation -->
$('#format-toolbar').toolbar({
content: '#format-toolbar-options',
position: 'left'
});
想念总是在夜里狂奔

2024-08-14 06:29:01

普通的方法可以直接调用其提供的方法。
比如:引用了Underscore.js,那么可以在service里面直接使用其方法_.each([1, 2, 3], alert);

另外说明一下,不一定是service,在controller、config、factory等都可以直接调用对应的方法