Javascript 拆下滤芯，更换别处的滤芯

我不熟悉Angular，只想在单击一个元素到另一个div时将其移动。最好的方法是什么

<div ng-app>
    <h1>First area</h1>
    <ul>
        <li ng-repeat="elem in elems">
            {{ elem.elem_name }}
        </li>
    </ul>
    <h1>Second Area</h1>
    <ul>
        <li>

        </li>
    </ul>
</div>

---

因此，在我的JS文件中给出了一个示例，当我单击一个元素时，它将离开第一个区域并出现在第二个区域中，我将如何使它如此呢？

我对Angular.JS知之甚少，但如果这样做的方法不涉及仅为第二个区域添加一组新的元素，我会感到惊讶，如是：

<h1>Second Area</h1>
<ul>
     <li ng-repeat="elem in secondElems">
         {{ elem.elem_name }}
     </li>
</ul>

---

然后通过编程从元素中删除单击的元素并将其放在第二个元素中。

我对Angular.js知之甚少，但如果这样做的方法不包括仅为第二个区域添加一组新的元素，我会感到惊讶，比如：

<h1>Second Area</h1>
<ul>
     <li ng-repeat="elem in secondElems">
         {{ elem.elem_name }}
     </li>
</ul>

然后通过编程从元素中删除单击的元素并将其放在第二个元素中。

为每个项目添加选定属性，并在单击时切换它。使用筛选器根据所选内容筛选每个列表

看法

JsBin:

将所选属性添加到每个项目中，并在单击时进行切换。使用筛选器根据所选内容筛选每个列表

看法

---

JsBin:

移动DOM元素时，无需先将其删除，将其分配到新位置会自动将其从当前位置删除，例如：如果newChild已在树中，则首先将其删除。urig所描述的是正确处理此问题的方法，将项目从一个阵列移动到另一个阵列的位置。没有直接的DOM操作，数据绑定可以解决这一问题。移动DOM元素时，不需要先将其删除，将其分配到新位置会自动将其从当前位置删除，例如：如果newChild已经在树中，urig所描述的是在Angular中处理这个问题的正确方法，在Angular中，您将项目从一个数组移动到另一个数组。没有直接的DOM操作，数据绑定负责这一点。

List 1
<ul>
  <li ng-repeat="item in items | filter : {selected: false}">
    {{ item.name }}
    <a href="#" ng-click="move(item)">move</a>
  </li>
</ul>

List 2
<ul>
  <li ng-repeat="item in items | filter : {selected: true}">
    {{ item.name }}
    <a href="#" ng-click="move(item)">move</a>
  </li>
</ul>