8-1-1父传子

1 父组件传子组件

1-1 传值

父组件中 
定义值 public title:string = '父组件的值'
public title:string = 'nav组件的头部'
public msg:string = '父组件的msg'
通过<app-nav [titles] = "title"></app-nav>
子组件中引入Input后注册
@Input() titles !:string
使用{{titles}}

1-2 传函数

父组件中
定义函数   run(){console.log("父组件的run方法")}
通过<app-nav [run] = "title"></app-nav>
子组件中引入Input后注册
  @Input() run !:any
 通过事件触发父组件的事件
 <button (click)="dorun()">子组件里获取父组件的run方法</button>
 dorun(){
    this.run()
  }

3 直接把父组件传递给子组件

通过<app-nav [navs] = "this"></app-nav
子组件中引入Input后注册
  @Input() navs !:any
 通过事件触发父组件的事件
 <button (click)="dorun()">子组件里获取父组件的run方法</button>
 dorun(){
    this.nav.run()或者
    console.log(this.nav.titles)
  }