Como expandir / recolher todas as linhas no Angular
Eu criei com sucesso uma função para alternar as linhas individuais do meung-table
para abrir e fechar usando:
TestCase.prototype.toggle = function() {
this.showMe = !this.showMe;
}
e
<tr ng-repeat="row in $data">
<td align="left">
<p ng-click="row.toggle();">{{row.description}}</p>
<div ng-show="row.showMe">
Veja oplunkr para obter mais código, observe que os botões de expansão / recolhimento estão no "menu".
No entanto, não consigo descobrir uma maneira de ativar e desativar TODAS as linhas. Eu quero poder executar, de alguma forma, um loop for nas linhas e chamar alternar, se necessário, no entanto, minhas tentativas de fazer isso falharam. Veja-os abaixo:
TestCase.prototype.expandAllAttemptOne = function() {
for (var row in this) {
if (!row.showMe)
row.showMe = !row.showMe;
}
}
function expandAllAttemptOneTwo(data) {
for (var i in data) {
if (!data[i].showMe)
data[i].showMe = !data[i].showMe;
}
}
Alguma idéia de como ativar / desativar corretamente todas as linhas?