如何在AngularJs中调用第三方插件库
2017-05-10 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
很简单,给插件写一个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'
});
在这里,我会使用一个简单的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'
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询