From 4efaeb517b94690483a14f25a224de73c0f1b055 Mon Sep 17 00:00:00 2001 From: Tucker Evans Date: Sat, 7 Dec 2019 13:32:21 -0500 Subject: Add add recipe form requires a recipe name before submitting --- recipeBuddy/src/app/add-recipe/add-recipe.component.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'recipeBuddy/src/app/add-recipe/add-recipe.component.ts') diff --git a/recipeBuddy/src/app/add-recipe/add-recipe.component.ts b/recipeBuddy/src/app/add-recipe/add-recipe.component.ts index cdd63c8..b4f4d1e 100644 --- a/recipeBuddy/src/app/add-recipe/add-recipe.component.ts +++ b/recipeBuddy/src/app/add-recipe/add-recipe.component.ts @@ -5,12 +5,13 @@ import { FormControl } from '@angular/forms'; import { FormBuilder } from '@angular/forms'; import { FormArray } from '@angular/forms'; +import { Validators } from '@angular/forms'; + import { Recipe } from '../DataModels/recipe'; import { Ingredient } from '../DataModels/ingredient' import { Step } from '../DataModels/step'; import { BackendService } from '../REST_service/backend.service'; - @Component({ selector: 'app-add-recipe', templateUrl: './add-recipe.component.html', @@ -20,7 +21,7 @@ import { BackendService } from '../REST_service/backend.service'; export class AddRecipeComponent { recipeForm = this.fb.group({ - recipeName: [''], + recipeName: ['', Validators.required], desc: [''], ingredients: this.fb.array([ this.fb.group({ @@ -40,6 +41,7 @@ export class AddRecipeComponent { tags: [''], photos: [''] }); + constructor(private fb: FormBuilder, private restService: BackendService ) { } -- cgit v1.1