javascript - 删除元素，替换其他地方的元素

Question

我是 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 文件中的例子，当我点击一个 elem 时，它会离开第一个区域并出现在第二个区域吗？

Answer 1

为每个项目添加一个 selected 属性，并在单击时切换它。使用过滤器根据selected过滤每个列表...

$scope.items = [{name: "foo", selected: false},
                {name: "bar", selected: false},
                {name: "baz", selected: false},
                {name: "quux", selected: false}];

$scope.move = function(item) {
    item.selected = !item.selected;
};

查看

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>

JsBin:http://jsbin.com/sawotuza/1/edit?html,js,output