Advertisement
majkel26

angular form

Apr 4th, 2019
409
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  <form [formGroup]="createForm" class="create-form">
  2.             <mat-form-field class="field-full-width">
  3.               <input matInput placeholder="Tytuł reklamacji" formControlName="tytul" #tytul>
  4.             </mat-form-field>
  5.             <mat-form-field class="field-full-width">
  6.               <input matInput placeholder="Data D.M.RRRR" formControlName="data" #data>
  7.             </mat-form-field>
  8.             <mat-form-field class="field-full-width">
  9.               <textarea matInput placeholder="Opis" formControlName="opis" #opis></textarea>
  10.             </mat-form-field>
  11.             <mat-form-field>
  12.                 <mat-select placeholder="Priorytet" formControlName="priorytet" #priorytet>
  13.                   <mat-option value="wolny">Wolny</mat-option>
  14.                   <mat-option value="normalny">Normalny</mat-option>
  15.                   <mat-option value="szybki">Szybki</mat-option>
  16.                 </mat-select>
  17.             </mat-form-field>
  18.             <mat-divider></mat-divider>
  19.             <br><br>
  20.             <button mat-raised-button color="accent" routerLink="/userpage">Cofnij</button>&nbsp;
  21.             <button type="submit" (click)="addReklam(tytul.value, data.value, opis.value, priorytet.value)" [disabled]="createForm.pristine || createForm.invalid" mat-raised-button color="primary">Dodaj</button>
  22.           </form>
  23. -----------------------------------------TS----------------------------------------
  24.  
  25. import { Component, OnInit } from '@angular/core';
  26. import { FormGroup, FormBuilder, Validators } from '@angular/forms';
  27. import { Router } from '@angular/router';
  28. import { NewuserService } from 'src/app/newuser.service';
  29. import { MatSnackBar } from '@angular/material';
  30.  
  31. @Component({
  32.   selector: 'app-addreklamacje',
  33.   templateUrl: './addreklamacje.component.html',
  34.   styleUrls: ['./addreklamacje.component.css']
  35. })
  36. export class AddreklamacjeComponent implements OnInit {
  37.  
  38.   createForm: FormGroup;
  39.  
  40.   constructor(private serwis: NewuserService, private fb: FormBuilder, private router: Router, private snackBar: MatSnackBar ) {
  41.     this.createForm = this.fb.group({
  42.       tytul: ['', Validators.required],
  43.       data: ['', Validators.required],
  44.       opis: ['', Validators.required],
  45.       priorytet: ['', Validators.required]
  46.     });
  47.   }
  48.  
  49.   addReklam(tytul,data,opis,priorytet)
  50.   {
  51.     this.serwis.addReklam(tytul,data,opis,priorytet,this.serwis.uzytkownik[0]._id).subscribe(() => {
  52.       this.snackBar.open('Reklamacja dodana pomyślnie!','OK', {
  53.         duration: 5000
  54.       });
  55.       this.router.navigate(['/userpage']);
  56.     });
  57.   }
  58.  
  59.   ngOnInit() {
  60.   }
  61.  
  62. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement