ionic3实战之—Radio传值

ionic3自带的手机样式，，，还好吧，可以改写，我主要想记录一下传值问题。

1.父组件获取子组件的按钮选中值；2.本页面获取选中按钮的值。

一、父子组件

父组件

（1）父组件通过数据绑定的方式传值到子组件

<fpaylist [data]="data" (parentClick)="onClick($event)"></fpaylist>

（2）父组件接收子组件传来的radio选中值

payWay: any = "";        //选择的支付方式

onClick(e) {
    this.payWay = e.from;
}

子组件

（3）子组件@Input接收值

@Input('data')   data:any; 

（4）子组件@Output传值到父组件

@Output() parentClick = new EventEmitter();

checkValue(e){    

this.parentClick.emit({from: e})

}

实例：

父组件：

1.HTML文件(fsun-pay.html)

2.TS文件(fsun-pay.ts)

子组件：

1.HTML文件(fpaylist.html)

2.TS文件（fpaylist.ts）

效果图：

二、本组件获取radio选中值

HTML文件

TS文件

效果图：

OK，Radio组件传值,就这样子了。欢迎小伙伴们指点~