使用多個ng重複構建表單如何處理數據？角js

Question

林建立一個購物車。每個產品都有 「插件」 這些例如

• 大小：大
• 醬：沒有沙拉醬
• 飲料：可樂

這些 「插件」 是從數據庫中。並作爲對象從API返回。

物體看起來是這樣的： 對象cat_addons（addon_group） -object（插件） -object - 等 對象項目的插件（addon_group） -object（插件） -object - 等

現在我正在製作「表單」，它顯示了選擇框和東西以及一個「添加」按鈕。現在，當用戶點擊確定/添加我想要的所有選定的值，以便我可以進一步處理它...但現在我不知道這一點，因爲ng模型必須是可變的，因爲它重複創建。

所以即時搜索一個選項，讓所有選定的值形成一個（多）ng重複填充形式我該怎麼做？

觀點：

<form ng-submit="addItemToCart()"> 
    <!-- ADDONS --> 
    <!-- CAT ADDONS --> 
    <div ng-if="cat_addons"> 
     <div ng-repeat="(k, addon_group) in cat_addons"> 
      {{addon_group.addon_group_name}} 
      <!-- SINGLE OPTION--> 
      <div ng-if="addon_group.addon_option_type == 'single'"> 
      <span> 
       <select ng-options="addon.addon_name as addon.addon_id for addon in addon_group.items"> 
        <!-- SHOWS NOTHING? --> 
       </select> 
      </span> 
      </div> 
      <!-- SINGLE OPTION --> 

      <!-- MULTI OPTION--> 
      <div ng-if="addon_group.addon_option_type == 'multi'"> 
      <span ng-repeat="(k, addons) in addon_group.items"> 
       <input type="checkbox" name="{{addons.addon_id}}">{{addons.addon_name}} 
      </span> 
      </div> 
      <!-- MULTI OPTION --> 
     </div> 
    </div> 
    <!-- CAT ADDONS --> 
    <!-- ADDONS --> 
    <button type="submit">ok</button> 
</form> 

控制器：

 $scope.addItemToCart = function() { 
      //i have no clue... 
     } 

Answer 1

我明白用NG-重複的衝動，一旦你發現什麼是可以勝任的。但角度還有很多，這使得諸如此類問題更簡單。您可能想要探索ngOptions指令（https://docs.angularjs.org/api/ng/directive/ngOptions）或選擇標記（https://docs.angularjs.org/api/ng/directive/select）。

如果這些不是您要查找的內容，請嘗試通過文檔來探索角度。我相信你會喜歡它的。如果你仍然堅持，評論這個答案，我會幫你。我知道如何使用ng-repeat來實現你想要的，但它甚至不是接近你想要的最佳方式。