Angular2

tiltle="app" =>title:string="app" 一样

[（ ngModel ）] 双向绑定  在 module 中引入import { FormsModule } from '@angular/forms';  并且在imports声明

*ngIf="flase"  flase div消失  true显示

*ngIf 与 *ngFor不能写在一起

*ngIf 防止空指针异常 例如 *ngIf="positon"  空 为false

{{i?.name}} ?安全操作符  如果有访问 

ngSwitch

[]传进来的 （） 传出去的

1 子组件传给父组件的值

第一种方法： 模板变量父组件可以看到子组件的属性和方法，随意调用

子组件 点击事件  (click)="po_name=p?.name"      po_name是在子组件ts文件定义一个字符串   给父组件 定义一个模板变量 #myposition   {{myposition.po_name}}

第二种方法：子组件调用父组件的方法    参数传给父组件

子组件 点击事件 (click)="sendData(p?.name)"  sendData 定义一个函数  在子组件接受    @Output() up:EventEmitter = new EventEmitter(); 定义 发出事件     this.up.emit(name);  将获取的name发射给父组件 (up)="getDataChild($event)"    getDataChild  在父 ts中定义  {{from_child_data}}