angular 4 怎么使用第三方组件
1个回答
展开全部
很简单,给插件写一个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'
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询