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組件傳值,就這樣子了。歡迎小伙伴們指點~

總結

以上是生活随笔為你收集整理的ionic3实战之—Radio传值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。