Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { Component, OnInit } from '@angular/core';
- import { FormBuilder, FormGroup, Validators } from '@angular/forms';
- import { FoodCategoryService } from '../../food-category.service';
- import { ProductService } from '../../product.service';
- import { ActivatedRoute, Router } from '@angular/router';
- @Component({
- selector: 'app-product-edit-form',
- templateUrl: './product-edit-form.component.html',
- styleUrls: ['./product-edit-form.component.css']
- })
- export class ProductEditFormComponent implements OnInit {
- categories: any[];
- id: string;
- product: any = {};
- updateForm: FormGroup;
- constructor(private categoryService: FoodCategoryService,
- private productService: ProductService,
- private formBuilder: FormBuilder,
- private router: Router,
- private activatedRoute: ActivatedRoute,
- ) {
- this.updateForm = formBuilder.group({title: ['', Validators.required], price: ['', Validators.required], category: ['', Validators.required], image: ''});
- }
- ngOnInit() {
- this.categoryService.getFoodCategories().valueChanges().subscribe(categories => {
- console.log(categories);
- this.categories = categories;
- this.activatedRoute.params.subscribe(params => this.id = params.id);
- this.productService.getOneProduct(this.id).subscribe(product => {
- this.product = product;
- this.updateForm.get('title').setValue(this.product.title);
- this.updateForm.get('price').setValue(this.product.price);
- this.updateForm.get('category').setValue(this.product.category);
- this.updateForm.get('image').setValue(this.product.image);
- });
- });
- }
- updateProduct(title, price, category, image) {
- this.productService.updateAProduct(this.id, title, price, category, image).subscribe(() => {
- this.router.navigate(['/admin/products']);
- });
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement