Please enable JavaScript.

Coggle requires JavaScript to display documents.

angular.js (angular cli (ng generate, ng help, ng e2e, ng lint, ng doc, ng…

- - - - built-in pipe
      - not built-in pipe
  - - - exports
      - bootstrap
      - declarations
      - providers
      - imports
  - - - PercentPipe
      - DecimalPipe
      - LowerCasePipe
      - UpperCasePipe
      - CurrencyPipe
      - SlicePipe
      - AsyncPipe
      - TitleCasePipe
      - I18nPluralPipe
      - KeyValuePipe
      - DatePipe
      - TitleCasePipe
      - JsonPipe
  - - - DOM manipulation (changing behaviour and appereance of DOM): attribute directives
      - DOM manipulation: (creation and destruction of DOM elements): structural directives
      - No DOM manipulation: components (components are directives)
  - - - templateURL
      - providers
      - selector
  - - - path
        
        wildcard: '**'
        
        Empty path: ''. Example: homepage.
        
        normal route
        
        parameter, example 'student/:id'
      - component
      - data
        
        static data
        
        dynamic data
      - order of routes inserted in <routes_file_name>.module.ts
      - rules to follow when inserting routes in <routes_file_name>.module.ts
      - guards
        
        CanDeactivate guard
        
        Resolve guard
        
        variables can be inserted in resolve guard
        
        CanActivateChildGuard
        
        CanLoad
        
        CanActivate guard
      - children
    - - types of injection of routing default modules
        
        forRoot() method: ...@NgModule({imports: [RouterModule.forRoot(<routes_variable_name>)],...
        
        routes optional configuration to insert as pararameters in forRoot(
        
        forChild() method
        
        routes optional configuration to insert as pararameters in forChild(
      - import { RouterModule, Routes } from '@angular/router';
      - routes definition: ...const routes: Routes = [...
        
        angular first match wins strategy
    - - a tag properties
        
        routerLinkActiveOptions property
        
        routerLinkActive property
      - types of link
        
        <a [routerLink]="['/student-details', student.id]">
        
        https://www.techiediaries.com/angular-router-routerlink-navigate-navigatebyurl/
        
        router.navigateByUrl()
        
        router.navigate()
        
        <a routerLink="/students/list" routerLinkActive="active">Students list</a>
    - - child
      - parent
      - sibling
- - - - free
      - not free
      - testing results
        
        executable files
        
        metadata
        
        compiled application
      - requirement installations caching
      - SSH access to continuos integration server
      - minimal configuration required
      - minimal adjustments required
      - technlogies compatibility
      - fast start
      - lightweight YAML configuration
      - easily readable YAML configuration
      - no fast start
      - dedicated continuous integration server
      - cloud based continuos intergration server
- - - - quick execution
      - no visible side effects
      - simplicity
  - - - avoid side effects
      - return the proper type
        
        passing an object
      - remember the brackets
      - one-time string initialization
      - property binding vs. interpolation
      - content security
      - binding targets
      - one way in
    - - $event and event handling statements
      - custom events with EventEmitter
      - terget event
      - template statements have side effects
    - - basics of two way binding
      - two-way binding in forms
    - - class binding
      - style binding
      - attribute binding