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}}