File

src/app/superadmin/workspaces/newworkspace/newworkspace.component.ts

Metadata

styleUrls ./newworkspace.component.css
templateUrl ./newworkspace.component.html

Index

Properties

Properties

newworkspaceform
Default value : new FormGroup({ name: new FormControl('', [Validators.required, Validators.minLength(3)]) })
import { Component } from '@angular/core';
import {FormGroup, Validators, FormControl} from '@angular/forms';

@Component({
  templateUrl: './newworkspace.component.html',
  styleUrls: ['./newworkspace.component.css']
})
export class NewworkspaceComponent {
  newworkspaceform = new FormGroup({
    name: new FormControl('', [Validators.required, Validators.minLength(3)])
  });
}
<form [formGroup]="newworkspaceform">
  <h1 mat-dialog-title>Neuer Arbeitsbereich</h1>

  <mat-dialog-content>
    <p>
      <mat-form-field class="full-width">
        <input matInput formControlName="name" placeholder="Name">
      </mat-form-field>
    </p>
    <div class="infobox">
      <p>Nach dem Anlegen des Arbeitsbereiches können Sie die Zugriffsrechte zuweisen.
      </p>
    </div>
  </mat-dialog-content>

  <mat-dialog-actions>
    <button mat-raised-button color="primary" type="submit" [mat-dialog-close]="newworkspaceform" [disabled]="newworkspaceform.invalid">Speichern</button>
    <button mat-raised-button [mat-dialog-close]="false">Abbrechen</button>
  </mat-dialog-actions>

</form>

./newworkspace.component.css

Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""