iT邦幫忙

0

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

子元件的程式碼:

<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 }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
小小前端
iT邦新手 5 級 ‧ 2021-11-19 15:34:48

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

我要發表回答

立即登入回答