brackets.web
11/28/2019 - 9:57 PM

angular-init

ng add @angular/material
import 'hammerjs';

main.ts import 'hammerjs';
@Input() id

<gpe-portal- form (ngSubmit)="onSubmit(f)" #f="ngForm">
  <div id="user-data">
    <div class="form-group">
      <label for="username">Username</label>
      <input 
      type="text/email/password" 
      id="username" 
      class="form-control" 
      ngModel
      required/>
    </div>
    
    <div class="form-group">
      <label for="username">Username</label>
      <input 
      type="email" 
      id="username" 
      class="form-control" 
      ngModel
      required
      email
      #email="ngModel"/>
      <span lcass="help-block" *ngIf="!email.valid && email.touched">jsadkljf</span>
    </div>
    
    <div class="form-group">
      <label for="options-selct">Choice an option</label>
      <select 
      id="options-selct" 
      class="form-control"
      [ngModel]="defaultValue">
        <option vlaue="value 1">value 1</option>
        <option vlaue="value 2">value 1</option>
      </select>
    </div>
    <button class="btn btn-primary" type="submit" [disable]="!f.valid">Submit</button>
  </div>
  <label id="" class=""></label>
</gpe-portal-form>
import { FromsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import {} from '@angular/forms';
onSubmit(form: NgForm) {
  console.log(form);
}
npm i --save @angular/animations

app.module.ts
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
imports: [BorwserAnimationsModule]