如何從json字符串數組中綁定angularjs中的下拉列表

我想從下面的JSON字符串附加綁定下拉列表，但是我的JSON最後一個值正在使用所有值覆蓋。我試圖控制檯，我已經收到控制檯中的個人價值，但綁定我無法做到這一點。我使用了選擇選項和不同的選擇改變選項，但仍然卡住。請儘可能幫助我。如何從json字符串數組中綁定angularjs中的下拉列表

我的HTML代碼：

<ion-list> 
     <div ng-repeat="group in groups"> 
      <ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"> 
       <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i> 
      &nbsp; 
      {{group.name}} 
      </ion-item> 
      <ion-item class="item-accordion item-button-right" ng-repeat="item in group.items track by $id(item)" ng-show="isGroupShown(group)" style="height: 50px;"> 
      {{item.name}} 
      <select> <option selected>Select</option> 
        <option ng-repeat="itm in qty track by qty.id" value="{{itm.id}}">{{itm.price}}</option> 
      </select> 
      </ion-item> </div> 
     </ion-list>

JSON字符串：

"category_name":{ 
    "1":{ 
    "menu_category_id":"1", 
    "category_name":"Beverage Black Coffee", 
    "itemname":{ 
    "1":{ 
    "menu_item_id":"1", 
    "item_name":"Frespresso", 
    "qty":{ 
    "50.00":{ 
    "full":"50.00", 
    "half":null, 
    "quater":null 
    } 
    } 
},

控制器代碼：

  var i =0;  
      angular.forEach(response.data.category_name, function(menu,key){ 
      $scope.groups[i] = { 

      name: menu.category_name, 
      items: [], 
      qty:[], 
      rate:[], 
      show: false 

      }; 
      angular.forEach(menu.itemname, function(itemid,key){ 

      $scope.groups[i].items.push({id:itemid.menu_item_id,name:itemid.item_name}); 
      angular.forEach(itemid.qty, function(qty,key){ 


      if(qty.fullqty!==null){ 
       $scope.groups[i].qty.push({type:'full',qty:qty.full}); 
       console.log("full : "+itemid.full +" Item Id "+itemid.menu_item_id); 


       console.log(qty.item_name + " fullqty " + qty.full_qty + " fullrate "+ qtyu.full_rate); 
      } 

      }); 


      });   


      i++; 


      }); 

     } else{ 
      $ionicLoading.hide(); 
      msg = []; 
      msg.push("- Something went Wrong!!! <br />"); 
      msg.push("- Plz try again! <br />"); 
      var alertPopup = $ionicPopup.alert({ 
      title: 'OOPS!!!', 
      template: msg 
      }); 
     } 
     }).error(function(error) { 
      console.log("Server error: " + error); 
    }); 

});

來源

2016-10-11 Prem Sarojanand

我不明白你的JSON和HTML代碼有足夠的ng-重複，我看到你的JSON，可以提供一個codepen或更多的代碼？ – sioesi

如何發送JSOn代碼請讓我知道其他任何需要的。這裏是codepen url：http://codepen.io/anandsaroj5/pen/YGLQmB?editors=0010 –

解決了這個我是愚蠢的形成是運行不同步的另一個數組這就是爲什麼它沒有正確綁定，所以綁定到$ scope.groups [i] .items.push（{id：itemid.menu_item_id，name： itemid.item_name}）;而不是形成一個更多的foreach

來源

2016-10-12 13:06:14

如何從json字符串數組中綁定angularjs中的下拉列表

回答

相關問題