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组件传值,就这样子了。欢迎小伙伴们指点~