Javascript 如何在Angualrjs中运行jQuery脚本

我在项目中使用

Nestable

jquery插件。要呈现可嵌套的插件和序列化，我需要运行jquery脚本。我的代码是：

var updateOutput=函数（e）
{
变量列表=e.length？e:$（e.target），
输出=列表数据（“输出”）；
if（window.JSON）{
val（window.JSON.stringify（list.nestable（'serialize'））；
}否则{
val（'此演示需要JSON浏览器支持'）；
}
};
//激活列表1的可嵌套项
$（'#nestable1'）。nestable({
组别:1
})
.on（“更改”，更新输出）；
updateOutput（$（'nestable1'）.data（'output'，$（'nestable1 output'））；
$（'nestable-menu-1'）。在（'click'，函数（e）上
{
var目标=$（即目标），
动作=目标数据（“动作”）；
如果（操作==='全部展开'）{
$（'#nestable1'）。nestable（'expandAll'）；
}
如果（操作===“全部折叠”）{
$（'#nestable1'）。nestable（'collapseAll'）；
}
});


项目1
99


项目2
第3项

项目4

项目5

第6项

第7项


项目8

对我来说，在Angular中使用jQuery（和其他javascript）插件的最好方法是用指令包装它们。这里有一篇很好的博客文章：


我没有使用嵌套插件，但是我看到有人已经为它创建了一个Agular包装器。希望它适合您的需要：