Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/05/2016, 20:37
FozzieN
 
Fecha de Ingreso: mayo-2016
Mensajes: 4
Antigüedad: 7 años, 11 meses
Puntos: 0
Pregunta AngularJs Error al guardar un formulario

Que tal, vengo pidiendo su ayuda estoy iniciando a programar en AngularJS y por más que le he buscado al error no doy con el y que mejor venir a este foro. Estoy utilizando Angular en la versión 1.5.5 y lo que estoy haciendo es agregar un campo nuevo a una tabla con UI-GRID.

Este es miembros.js

Código Javascript:
Ver original
  1. angular.module('prototipoApp')
  2. .controller('MiembrosCtrl', function($scope, $modal) {
  3.     $scope.myData = [{no: 1, nombre: "Sergio",fidelidad:3, fechaUnion:"03/10/2016", tipoMiembro:"Premium"},
  4.                      {no: 2, nombre: "nombre5",fidelidad:5, fechaUnion:"02/11/2016", tipoMiembro:"Free"},
  5.                      {no: 3, nombre: "nombre4",fidelidad:7, fechaUnion:"08/05/2016", tipoMiembro:"Platinium"},
  6.                      {no: 4, nombre: "nombre3",fidelidad:9, fechaUnion:"01/09/2016", tipoMiembro:"Free"},
  7.                      {no: 5, nombre: "nombre2",fidelidad:11, fechaUnion:"04/04/2016", tipoMiembro:"Premium"},
  8.                      {no: 6, nombre: "nombre1",fidelidad:13, fechaUnion:"3/10/2016", tipoMiembro:"Platinium"}];
  9.     $scope.gridOptions = {
  10.         data: 'myData',
  11.         showGroupPanel: true,
  12.         enableCellSelection: true,
  13.         enableRowSelection: true,
  14.         enableCellEdit: true,
  15.         enableSorting: true,
  16.         enableFullRowSelection: true,
  17.         multiSelect: true,
  18.         enableRowHeaderSelection: false,
  19.         enableColumnMenus: false,
  20.         enableFiltering: true,
  21.         minRowsToShow: $scope.myData.length+1,
  22.             columnDefs:[
  23.             {field:'no', displayName:'N°.'},
  24.             {field:'nombre', displayName:'Nombre'},
  25.             {field:'fidelidad', displayName:'Puntos Fidelidad'},
  26.             {field:'fechaUnion', displayName:'Fecha de Union'},
  27.             {field:'tipoMiembro', displayName:'Tipo de Miembro'}]
  28.     };
  29.     $scope.gridOptions.data =  $scope.myData;
  30.     //Abrir ventana para guardar dato-miembro
  31.     $scope.showModal=function(){
  32.       $scope.nuevoMiembro={};
  33.         var modalInstance=$modal.open({
  34.           templateUrl: 'views/add-miembros.html',
  35.           controller:'AddNuevoMiembroCtrl',
  36.             resolve:{
  37.               nuevoMiembro:function(){
  38.                 return $scope.nuevoMiembro;
  39.               }
  40.             }
  41.  
  42.         });
  43.         modalInstance.result.then(function(selectedItem){
  44.           $scope,miembros.push({
  45.             no: $scope.miembros.length+1,
  46.             nombre: $scope.nuevoMiembro.nombre,
  47.             tipoMiembro: $scope.nuevoMiembro.tipoMiembro,
  48.             fidelidad: $scope.nuevoMiembro.fidelidad,
  49.             fechaUnion: $scope.nuevoMiembro.fechaUnion
  50.           });
  51.         });
  52.       };
  53. })
  54. .controller('AddNuevoMiembroCtrl', function($scope,$modalInstance, nuevoMiembro){
  55.   $scope.nuevoMiembro=nuevoMiembro;
  56.   $scope.salvarNuevoMiembro=function(){
  57.     $modalInstance.close(nuevoMiembro);
  58.   };
  59.   $scope.cancel=function(){
  60.     $modalInstance.dismiss('cancel'); //Cerar la ventana
  61.   };
  62. });

Esta es la venta que abre el formulario:
Código HTML:
Ver original
  1. <div class="modal-header">
  2.     <button type="button" class="close" ng-click="cancel()" data-dismiss="modal" aria-hidden="true">&times;</button>
  3.     <h1>Añadir un Miembro</h1>
  4. </div>
  5.  
  6. <div class="modal-body">
  7.     <label>Nombre</label><input type="text" ng-model="nuevoMiembro.nombre">
  8.     <label>Tipo Miembro</label><input type="text" ng-model="nuevoMiembro.tipoMiembro">
  9.     <label>Puntos Fidelidad</label><input type="number" ng-model="nuevoMiembro.fidelidad">
  10.     <label>Fecha de Union</label><input type="date" ng-model="nuevoMiembro.fechaUnion">
  11.     <br/>
  12.     <button class="btn btn-success" ng-click="salvarNuevoMiembro()">Guardar Miembro</button>
  13. </div>

El error que me sale es el siguiente:
angular.js:13550 ReferenceError: miembros is not defined
at miembros.js:75
at processQueue (angular.js:15961)
at angular.js:15977
at Scope.$eval (angular.js:17229)
at Scope.$digest (angular.js:17045)
at Scope.$apply (angular.js:17337)
at HTMLButtonElement.<anonymous> (angular.js:25023)
at HTMLButtonElement.jQuery.event.dispatch (jquery.js:4737)
at HTMLButtonElement.elemData.handle (jquery.js:4549)

El error dice que Miembros no esta definido, esto sucede cuando le doy clic al boton de guardar. Ya he ido linea por linea pero al parecer yo lo veo bien. Les agradezco su tiempo.