Angular学习笔记

一.Angular内置指令

ngIf: 用于判断是否需要显示

ngFor:用于循环遍历

二.Angular自定义指令

三.Angular依赖注入

 

四.Angular服务

日志服务 logService

服务通过依赖注入绑定到组件

五.Angular父子组件通信

在父组件的属性通过属性指令传递到子组件   

子组件的属性通过事件传递到父组件   EventEmmiter

六.Angular表单

    1）响应式表单

    2）模板驱动表单

    3）动态表单

         

    4）表单验证

          <div *ngIf="name.invalid && (name.dirty || name.touched)" class="alert alert-danger">

         <div *ngIf="name.errors.required"> Name is required. </div>

         <div *ngIf="name.errors.minlength"> Name must be at least 4 characters long. </div>

         <div *ngIf="name.errors.forbiddenName"> Name cannot be Bob. </div>

转载于:https://www.cnblogs.com/hustxychen/p/9853468.html