Angular Day5 小总结

模板在组件类中的引用

1.angular的脏检查算法
（还没十分理解里面的东西，简单说一下以后会回来补充）
scope digest + 有必要的DOM更新
2.ng中的服务：是一个类的实例，借助以来注入进组件中，在创建服务类的时候，需要在@Injectable()之后写入服务的内容。
服务的功能就是让当前应用中的任何一个组件都可以使用它。用于数据共享。
3.ng中发送请求是用到了HttpClient，在app.modules引入，import进来，注入我的服务中。
4.ng的表单
（1）表单模型。FormBuilder 是表单的服务，所以在需要用到表单模型的时候需要引入。

src/app/cart/cart.component.ts
import { FormBuilder } from '@angular/forms';
export class CartComponent implements OnInit {
  items;

  constructor(
    private cartService: CartService,
    private formBuilder: FormBuilder, //注入服务
  ) {
   this.checkoutForm = this.formBuilder.group({
      name: '',
      address: ''
    });
  }

  ngOnInit() {
    this.items = this.cartService.getItems();
  }
}
//以上都是ng文档里的内容哦
src/app/cart/cart.component.html

<form [formGroup]="checkoutForm"  (ngSubmit)="onSubmit(checkoutForm.value)">

  <button class="button" type="submit">Purchase</button>

</form>
//在 form 标签上，使用 ngSubmit 事件绑定来监听表单提交，并使用 checkoutForm 值调用 onSubmit() 方法。

5.组件定义视图，组件使用服务。