# Angular Learnning

stressed!!

Angular is a development platform, built on TypeScript ps: ag-cli经常发疯，建议用13版本node+8版本的cli

import { Injectable } from '@angular/core'; //依赖注入
@Injectable({providedIn: 'root'})
export class Logger {
  writeCount(count: number) {
    console.warn(count);
  }
}
----------------------
import { Component } from '@angular/core';

@Component({
  selector: 'hello-world',
  template: `
    <p>yiki!</p>
  `
})
export class HelloWorldComponent implements OnInit，.... { // too many... - -|
  constructor(private logger: Logger) { 
    // 只适合简单逻辑

  } //Dependency injection


  ngOnInit() {
    //ng calls it shortly after checking the input properties 

  } 
  ngOnChanges() {
    console.log('onChanges');
  }



  ngDoCheck() {
    console.log('doCheck');
  }

  ngAfterContentInit() {
    console.log('afterContentInit');
  }

  ngAfterContentChecked() {
    console.log('afterContentChecked');
  }

  ngAfterViewInit() {
   // 组件初始化完成后
  }

  ngAfterViewChecked() {
    console.log('afterViewChecked');
  }

  ngOnDestroy() {
    console.log('onDestroy')
  }

}

# support

official angular