трудности с ng-click и показывать данные с AngularJS (Угловой 1)

У меня есть 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}}
1
задан 29.08.2019, 04:42
1 ответ

я это 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] : [];
}
2
ответ дан 03.12.2019, 19:30

Теги

Похожие вопросы