如何从元素中添加和删除ng-bind？

Question

我正在制作一个Drag＆amp; Drop Dashboard，其中一部分是用 AngularJS 编写的。

我正在使用我的下拉菜单选择：

<select ng-model="selected_option" ng-options="object.id for object in options"></select

当我选择一个选项时，我会显示一个相关元素列表：

<li ng-repeat="option in selected_option.columns"><div class="alert alert-success">{{option.header}}</div></li>

所以，当我将list-element拖放到我的＆＃34; board＆＃34; （在给定的div内），并再次更改所选的选项，所有相关的元素都消失了。

当然，这是正常的。

  

但是如何防止我的元素被删除＆＃34; draged＆＃34;至   董事会？

总结

• 我通过左侧的ng-repeat列出了元素列表。
• 我将它们拖到右侧（到我的板上）。我希望他们留下来 在那里，即使我改变选择。
• 如果我再次将它们拖到列表中的列表中，它们应该会消失 当我重新选择下拉列表。

编辑：小JSFIDDLE

或者用jQuery做一切会更好吗？我喜欢Angular的2-Way-Data-Manipulation，但是如果这个ng-bind删除工作太多了，我也可以用jQuery来做。