From 1da8d955bd5cddd685ad11336aff29b62fdfab12 Mon Sep 17 00:00:00 2001
From: Hugo <hugo.cubino@estudiantes.uva.es>
Date: Mon, 28 Oct 2024 17:26:01 +0100
Subject: [PATCH] =?UTF-8?q?Primer=20ejemplo=20funcional=20de=20a=C3=B1adir?=
=?UTF-8?q?=20reserva?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
angular/RestClient/src/app/app.config.ts | 7 ++++---
angular/RestClient/src/app/booking/booking.component.html | 1 -
angular/RestClient/src/app/booking/booking.component.ts | 5 ++++-
3 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/angular/RestClient/src/app/app.config.ts b/angular/RestClient/src/app/app.config.ts
index 74b690e..5ceafb9 100644
--- a/angular/RestClient/src/app/app.config.ts
+++ b/angular/RestClient/src/app/app.config.ts
@@ -4,8 +4,8 @@ import { routes } from './app.routes';
import { provideClientHydration } from '@angular/platform-browser';
import { provideHttpClient, withFetch } from '@angular/common/http';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { importProvidersFrom } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms'; // Added import for ReactiveFormsModule
+
export const appConfig: ApplicationConfig = {
providers: [
@@ -14,6 +14,7 @@ export const appConfig: ApplicationConfig = {
provideClientHydration(),
provideHttpClient(withFetch()),
provideAnimationsAsync(),
- ReactiveFormsModule // Asegúrate de incluir ReactiveFormsModule
+ ReactiveFormsModule
+
],
};
diff --git a/angular/RestClient/src/app/booking/booking.component.html b/angular/RestClient/src/app/booking/booking.component.html
index 9519beb..fba4400 100644
--- a/angular/RestClient/src/app/booking/booking.component.html
+++ b/angular/RestClient/src/app/booking/booking.component.html
@@ -5,7 +5,6 @@
<label for="userId">ID del Usuario:</label>
<input type="number" id="userId" formControlName="userId" class="form-control" />
</div>
-
<div class="form-group">
<label for="hotelId">ID del Hotel:</label>
<input type="number" id="hotelId" formControlName="hotelId" class="form-control" />
diff --git a/angular/RestClient/src/app/booking/booking.component.ts b/angular/RestClient/src/app/booking/booking.component.ts
index 79bd281..b8bd104 100644
--- a/angular/RestClient/src/app/booking/booking.component.ts
+++ b/angular/RestClient/src/app/booking/booking.component.ts
@@ -1,5 +1,5 @@
import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ReactiveFormsModule, FormGroup, FormBuilder, Validators } from '@angular/forms';
interface BookingRequest {
userId: number; // ID del usuario que realiza la reserva
hotelId: number; // ID del hotel en el que se realiza la reserva
@@ -10,10 +10,13 @@ interface BookingRequest {
import { BookingService } from '../booking.service'; // Asegúrate de que el servicio exista
@Component({
+ standalone : true,
+ imports : [ReactiveFormsModule],
selector: 'app-booking',
templateUrl: './booking.component.html',
styleUrls: ['./booking.component.css']
})
+
export class BookingComponent implements OnInit {
bookingForm: FormGroup;
--
GitLab