如何在另一个方块Angular中移动方块HTML？

Question

我在页面上有 div 块：

<div class="item" ng-click="block('block')"></div>

点击后 block(); 我需要将此块移动到另一个（内部）块中：

<div class="blocked">insert here</div>

并将函数参数名称更改为 unblock 而不是当前的 block。我可以在 Jquery 中给出代码，但如何在 Angular JS 中轻松完成？

Answer 1

<div class="item" ng-click="block(block)" ng-hide="block"></div>
<div class="blocked"><div class="item" ng-click="block(unblock)" ng-show="block"></div></div>

js

$scope.block = function(block){
$scope.block = true;
}

Answer 2

好的。因此，如果我理解正确的话，您的页面有两个部分。一个部分列出活动联系人，另一个部分列出阻止的联系人。

并且您希望通过单击 "active contacts" 部分中的联系人将其移动到 "blocked contacts" 部分，反之亦然。

解决方案很简单： "active contacts" 部分应该过滤联系人列表并只接受活动的：

ng-repeat="contact in contacts | filter:isActive"

"blocked contacts" 部分应该过滤联系人列表，只接受被阻止的：

ng-repeat="contact in contacts | filter:isBlocked"

并且联系人上的按钮应该切换联系人的active标志的值：

ng-click="contact.active = !contact.active"

这是一个展示这一点的 plnkr：http://plnkr.co/edit/qpGPPS?p=preview

如何在另一个方块Angular中移动方块HTML？

How to move block HTML in other block Angular?

angularjs

angularjs-directive