实现选择/取消选择项目以及使用Angular在div容器上切换所有内容

Question

我正在尝试模仿类似于http://circular.io/的内容，您可以在其中选择一个Twitter帐户并取消选择仪表板上的帐户。我想知道你将如何在Angular上完成相同的行为？此外，我希望能够点击按钮我想要选择所有项目（并且还能够从所选列表中删除特定项目）。

帮助将不胜感激。

谢谢。

Answer 1

您只需在示波器中添加一个功能即可迭代您的项目并选择/取消选择。

    $scope.toggleAll = function () {
        for (var i = 0; i < $scope.items.length; i++) {
            $scope.items[i].selected = !$scope.items[i].selected;
        }
    }

您可以将此功能分配给ng-单击视图中的元素。

http://jsfiddle.net/9qLm4/16/

我建议您使用工厂来存放物品，并在那里添加切换功能。