Angular 不同Component之間傳遞變數(由子元件傳到父元件)

angular component

rebom123 2021-11-18 16:17:44 ‧ 999 瀏覽

子元件的程式碼：

<select class="form-control">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

父元件的程式碼：

<label>代號</label>
<input type="text">

要如何把子元件option的值跟父元件input的值做綁定？

天黑 iT邦研究生 5 級 ‧ 2021-11-18 17:12:53 檢舉

官方參考
1. https://angular.tw/guide/two-way-binding
2. https://stackblitz.com/angular/epvddbajmyq?file=src%2Fapp%2Fsizer%2Fsizer.component.html

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

小小前端

iT邦新手 5 級 ‧ 2021-11-19 15:34:48

在父元件創一個FormGroup丟到子元件就會自己綁定了，然後使用 this.formGroup.value 就可以獲取值了

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22178 篇

完賽人數

597 人

IT邦幫忙