Javascript 如何从元素中添加和删除ng绑定？

我正在开发一个拖放仪表板，其中一部分是用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>

因此，当我将列表元素拖放到给定div内的板上，并再次更改所选选项时，所有相关元素都消失了

当然，这是应该的

但是如何防止删除拖到的元素呢 董事会

总结：

我有一个元素列表，左边是ng repeat。 我把它们拖到黑板的右边。我希望他们留下来 在那里，即使我改变了选择。 如果我再次将它们拖到列表中，它们应该会消失 当我重新选择下拉列表时。 编辑：一个小的

---

或者用jQuery做所有事情会更好吗？我喜欢Angular的双向数据操作，但是如果这个ng绑定删除太多工作，我也可以用jQuery来完成。

你有什么脚本可以显示吗？我的意思是，我通常在jQ中做这件事，不是角度，但那是因为我更熟悉1而不是其他任何JSFIDLE？我用JSFiddle更新了我的帖子谢谢。当你说移除拖到黑板上的元素时，你到底是什么意思？从哪里移除？它们的原始起始位置？选择一个id后，将文本元素拖到右侧。然后，使用下拉菜单更改内部id>文本元素从右侧消失。我希望他们留在那里。我正在考虑改变范围，但我不知道什么是合适的解决方案。。。