У меня есть app, который он показывает люди, зарегистрированные для события и Вашего соответствующего места.
Код в jade. В большие черты это список, который показывает имя человека, в котором стол помещен, и все гости имеют
div.centralCont-column
h2.centralCont--titulo INVITADOS
ul.centralCont--list
li(ng-repeat="mesa in mesas")
div(ng-repeat="nombre in mesa.integrantes | filter:buscar").centralCont-invitado
div.centralCont-contNombre(ng-hide="nombre.nombre === 'Acompañante'")
div.centralCont-nombres
div.aling-left
input(type="checkbox" ng-model="nombre.done" ng-click="onMark($event)").checkbox
h3.centrarCont--invtNombre(ng-click="mostrar()") {{nombre.nombre}}
button(type="button" ng-show="!mesa.visible" ng-click="mesa.visible = true") Mostrar
button(type="button" ng-show="mesa.visible" ng-click="mesa.visible = true") Ocultar
div.central-cont-mesa
p.central-cont--mesa {{nombre.mesa}}
p.centralCont--entrada Mesa
То, что я не смог делать, состоит в том, чтобы, если я даю click гостю, который находится в столе, 1, он мне показал все гости стола 1 в другом div (только имена), и если после я даю click в госте, который находится в столе, два, скройте гости стола 1 и покажите гости стола два
в js у меня есть несколько вещей.
$scope.mesas = [{
"mesa": "mesa1",
"integrantes": [{
"nombre": "Susana Sofia Urrea Sotelo",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
}, {
"nombre": "Alan Meyer Zaragoza",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Karla Irene Urrea Sotelo",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Marcus",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Nelly Ponce Sotelo",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Acompañante",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Grecia Magdalena Sotelo Lara",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Celso",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Paulina Sotelo Medina",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
}, {
"nombre": "Acompañante",
"mesa": "1",
"entradas": "1",
"usadas": "0,",
"done" : false,
}],
},{
"mesa": "mesa2",
"integrantes": [{
"nombre": "Ivan Ponce Sotelo",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
}, {
"nombre": "Karla Sandoval",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Jorge Echeagaray Sotelo",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Jose Arturo Otero Davila",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Humberto Jimenez Arellano",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "David Aceves",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Arturo Fernando Lomeli Sotelo",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Zaira",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
},{
"nombre": "Scarlete Sanchez Sotelo",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
}, {
"nombre" : "luis",
"mesa": "2",
"entradas": "1",
"usadas": "0,",
"done" : false,
}]
}],
}];
и код, который делает меня checking
"use stric";
var app = angular.module("app", ["ngMaterial"]);
app.controller("MesasCtrl", ($scope) =>{
$scope.people = 0;
$scope.markedPeople = 0;
(() => {
$scope.mesas.forEach(table => {
table.integrantes.forEach(member => {
if(member.nombre !== 'Acompañante' && member.nombre) {
$scope.people++;
}
});
});
})();
$scope.onMark = (ev) => {
if(ev.target.checked) {
$scope.markedPeople++;
} else {
$scope.markedPeople--;
}
}
});
Где я хочу, чтобы ты появился имена, это эта часть вида
div.centralCont-column
h2.centralCont--titulo INFORMACIÓN DE LA MESA
div.centralCont-invitado
div(ng-repeat="mesa in mesas")
div(ng-show="mesa.visible")
p(ng-repeat="nombre in mesa.integrantes", ng-class="{'done-true':nombre.done}").centralCont-invitado__text {{nombre.nombre}}
я это harГ - в следующего способа.
$scope.listaMesas= [] //Esta es mi lista de invitados
$scope.showMesa= [] // los invitados a mostrar
var mesa = -2;
// Con esta funcion seteo los invitados de la mesa y si ya estan mostrandose los oculto
$scope.setShowInvitados = function(key){
$scope.showInvitados = (mesa == key) ? $scope.listaMesas[key] : [];
}