JavaScript - Obtener valores de Formulario mediante TypeScript en Angular

 
Vista:
sin imagen de perfil
Val: 9
Ha aumentado su posición en 121 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener valores de Formulario mediante TypeScript en Angular

Publicado por Daniel (3 intervenciones) el 13/08/2018 16:03:19
Hola! y gracias por sus ayudas de antemano. Voy directo al grano:

Tengo que obtener los datos/valores de un formulario que dentro de este tengo una tabla cargada dinámicamente desde un Json. Osea: es el menú de una casa de comidas en el que salen todos los platos, bebidas, etc, y al lado de cada item del menu tengo un input con 2 botones para incrementar y decrementar la cantidad de platos por ejemplo.

Muestro el código de la tabla =

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form >
 
	<table *ngFor="let menu of allMenu" >
		<th *ngIf="show"> {{menu.tipoRubroMenu}}</th>   //título del item del menú.
 
		<tr *ngFor="let item of menu.itemsRubro; let i = index;" >  //items menú.
			<td>{{item.nombre}}</td>
			<td>${{item.precio}}</td>
			<input type="number" value="0" id={{item.nombre}} name={{item.nombre}} disabled>
			<td><button (click) ="incrementar(item.nombre)">+</button></td>
			<td><button (click) ="decrementar(item.nombre)">-</button></td>
 
		</tr>
 
	</table>
 
	<button (click)="makeAnOrder()">Realizar Pedido</button>


Mi pregunta es = ¿Cómo puedo obtener los datos del formulario al hacer click en el botón "Realizar Pedido"? saben donde puedo buscar información útil al respecto? ya que no pude encontrar info certera al respecto.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Obtener valores de Formulario mediante TypeScript en Angular

Publicado por miguelZ (3 intervenciones) el 13/08/2018 17:27:27
Sube tu codigo completo a un repositorio,
para asi revisarlo e indicarte donde puedes modificar,

revisa el ejemplo Heroes aqui hay campos editables, eventos y lectura-escritura de datos desde el usuario final,

https://stackblitz.com/angular/lklvbvqexqj?file=src%2Findex.html


Saludos
Miguel z
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar