搜尋

首頁  >  問答  >  主體

angular.js - angular2表單拆成多個元件的問題

考慮到復用等問題,將一個表單拆成多個元件,這個時候就出現了通訊的問題。
這種情況是不能使用雙向資料綁定的,我想到的是下面的辦法,但是有些複雜,特此求助好方法。

  1. 父組件傳入子組件一個submit狀態的值,當點擊提交按鈕時,變動此值。

  2. 子元件透過onChange鉤子監聽submit值,當變動時將子元件內部的綁定的資料透過事件傳送給父元件。

  3. 父元件監聽到事件,拿到子元件的綁定值,這個時候整合數據,發送請求。

  4. 如果有個別欄位已經存在這種情況,需要單獨傳給子組件一個錯誤值,對應顯示出來。

但是真心好麻煩,求助ing...

PHPzPHPz2808 天前632

全部回覆(2)我來回復

  • 滿天的星座

    滿天的星座2017-05-15 17:07:12

    組件能綁定資料

    回覆
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 17:07:12

    到表單這個維度,組件顆粒已經足夠小了,還進行拆分不是自找麻煩麼.只有復雜的UI才需要封裝,如時間選擇器,顏色選擇器等等

    回覆
    0
  • 取消回覆