如何将 jQuery 控件包装为角度指令
How to wrap a jQuery control as an angular directive?
我想在 Angular 应用程序中使用此标记 UI 控件
https://github.com/aehlke/tag-it
如果没有 Angular,您只需初始化
<script type="text/javascript">
$(document).ready(function () {
$("#myTags").tagit();
});
</script>
这会将任何名为 myTags 的有序列表转换为交互式标签
<ul id="myTags">
<li>Tag1</li>
<li>Tag2</li>
</ul>
这是一个小尖叫声http://screencast.com/t/vWng1BgUc1M7
问题是 - 我如何包装它以使用角度?我需要块在部分视图中。这意味着它对 jQuery 初始化例程不可用,因此不起作用。
我有许多jQuery控件需要包装,我想了解处理它们的最佳方法。谢谢!
假设
你在引用 Angular 之前在脚本标签中引用了 JQuery,它应该像这样简单:
app.directive('tagIt', function (){
return function(scope, elem) {
elem.tagit();
}
});
然后:
<ul id="myTags" tag-it> ... </ul>
相关文章:
- 编写angularjs指令来包装其他指令
- 使用Vuejs指令和i18n包装Selectpicker
- 当uib分页被包装在另一个指令中时,AngularJS表数据没有更新
- 迁移到AngularJS 1.2会破坏可排序包装器指令
- 使用 Restangular 保持 CRUD 干燥:指令、继承控制器或包装服务
- 将 jquery 灯箱包装在可重用的角度指令中
- 如何将 jQuery 控件包装为角度指令
- 将引导日期选取器包装为指令
- AngularJS :使用角度属性指令将元素包装到自定义模板中
- 从指令包装源元素的更好方法
- 单元测试角度指令包装光滑网格
- 棱角分明的嵌套重复断裂指令(包装+拖拽)
- 角度指令测试在包装在 IIFE 中后失败
- 将 Angular.js ui-bootstrap 或 ui-select 指令包装在自己的指令中
- 指令的动态模板,包装器和内部元素的不同解析行为
- AngularJS指令包装器与Kendo一起泄漏内存
- 试图使指令包装UI引导提前输入工作
- Angularjs指令包装ng-repeat
- 如何为ng-grid使用由指令属性决定的网格选项的指令包装器?
- 解决了angular中指令包装中的圆形引用问题