Javascript angularjs中div的多选和单选

我在一个容器中有多个div

• 我在顶部有一个全选按钮，在容器内有3个带ok按钮的div

• 如果我点击“全选”按钮，我应该选择里面的所有div

• 如果单击容器内部的任何div，则只有特定的div会被取消选中。现在一切都被取消了

• 如果单击全选按钮，我需要传递参数中的所有三个div（即selectAll（div1、div2、div3））

• 单击selectall ok按钮后，将显示hide并显示唯一的div。如果单击所选的任意div，则该特定div应取消选中。 （也就是说，如果我选择了第二个div，则应取消选择div2，并选择first和shout）

• 我不想使用$index，因为里面有多个div。每个分区都有一个唯一的id。我想传递该id

函数MainCtrl（$scope）{
$scope.containerSelected=false；
$scope.buttonVisible=true；
$scope.toggleButton=函数（e）{
console.log（'toggleButton'）
$scope.containerSelected=true；
$scope.buttonVisible=false；
e、 停止传播（）；
};
$scope.toggleContainer=函数（e）{
console.log（'toggleContainer'，$scope.containerSelected）
if（$scope.containerSelected）{
$scope.containerSelected=false；
$scope.buttonVisible=true；
}
};
};
#myApp{
宽度：100%；
显示：-webkit内联框；
边框：1px纯黑；
边缘顶部：55px；
}
.集装箱{
宽度：10%；
高度：100px；
边框：1px纯黑；
利润率：10%；
}
button.btn.btn-primary{
利润率最高：25%；
左缘：40%；
}
.选定边界{
边框：3件纯蓝；
}
#选择全部{
边缘顶部：20px；
}

全选
好啊
好啊
好啊
是否总是有3个div？不。它也将超过100个。因此，如果您将
ng repeat
与
$index
一起使用，效果会更好。我不想要$index。因为我每个div都有一个唯一的id。我想传递这个唯一的id。这里我提到了正确的div1，div2，div3，就像这样。你能在jsfiddle中编辑它吗