Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular - Coggle Diagram

- - - - async
      - currency
      - date
      - number (decimal)
      - json
      - keyvalue
      - lowercase
      - uppercase
      - percent
      - titlecase
    - - param
      - implements
        PipeTransform
      - Pipe in ngFor
- - - - <ng-Template>...</ng-Template>
      - *ngFor
      - [ngSwitch]="value"
      - *ngIf
    - - [ngClass]="{'correct': isValid}"
      - [ngStyle]="{color: getColor()}"
    - - Structure *
      - Attribute
  - - - selector: '[componentB]',
        <div componentB>
      - selector: '.componentC', <div class="componentC">
      - ViewEncapsulation
        
        ShadowDom
        
        Emulated
        
        None
      - selector: 'componentA', <componentA>
    - - @ViewChild
      - @ContentChild
- - - - relativeTo
  - - - {exact: true}
  - - - RouterStateSnapshot
      - ActivatedRouteSnapshot
    - - interface
        CanComponentDeactivate
  - - - navigate
    - - snapshot
      - Subscribe
- - - - new FormGroup()<form [formGroup]="myForm">
      - new FormControl()<input formControlName="user">
      - new FormArray([ ])<div formArrayName="hobbies">
    - - ngModel
      - myForm.setValue
      - myForm.patchValue
      - #f="ngForm"
  - - - email
      - pattern
      - require
      - max
      - min
      - maxLength
      - minLength
      - requireTrue
      - compose
      - nullValidatior
    - - this.customValidateFunction.bind(this)
      - Async validation
  - - - ng-dirty
      - ng-touched
      - ng-valid
    - - ng-invalid
      - ng-untouched
      - ng-pristine