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)
效果图:
![](https://i-blog.csdnimg.cn/blog_migrate/40e23d586db56a566e38827578037f51.png)
二、本组件获取radio选中值
HTML文件
TS文件
![](https://i-blog.csdnimg.cn/blog_migrate/b866066d5208d93f7f9965f3cd8542e0.png)
效果图:
OK,Radio组件传值,就这样子了。欢迎小伙伴们指点~