jquery - 使用 AngularJS 的可选择、可拖动和可放置的元素

Question

我一直在做一个使用 AngularJS 的可选择、可拖动和可放置元素的演示。

http://plnkr.co/edit/rSxklI?p=preview

我有我想要正常工作的功能，但是我很确定我没有以有角度的方式完成其中的一些。

在 dndCtrl 中，我设置了一个选定的范围变量，该变量在选择元素时填充。draggable 和 droppable 使用此范围变量来计算所选项目的数量并在拖放时推送/切片所选项目。这是一个好主意吗？我可以改用 ng-model 吗？

我还使用 jquery 在 selectable 指令中选择 .ui-selected 类。是否有角度的方式来获取选定的项目？

我基于此的要点归功于亚甲基，https://gist.github.com/methylene/4409488

Answer 1

$('selector') 的 Angular 等价物是angular.element('selector');

我建议查看 Angular Bootstrap 代码（如 Accordion），以了解组件之间的 Angular 交互方式。https://github.com/angular-ui/bootstrap

Answer 2

我对此不了解更多，但是，无论如何，如果您 从脚本中删除http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css 。这是工作。这可能会帮助您修复它。