如何从JSON字符串数组绑定angularjs中的下拉列表答案

【问题标题】：How to bind dropdown list in angularjs from JSON string array如何从JSON字符串数组绑定angularjs中的下拉列表
【发布时间】：2016-10-11 11:27:55
【问题描述】：

我正在尝试从下面的 JSON 字符串附加绑定下拉列表，但我的最后一个 JSON 值正在被所有值覆盖。我试图进行控制台，并且我在控制台中收到了单独的值，但是在绑定时我无法做到这一点。我已经使用了选择选项和不同的选择 ng-change 选项，但仍然卡住了。请尽可能帮助我。

我的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);
     });

});

【问题讨论】：

我不理解你的 JSON 和 HTML 代码有足够的 ng-repeat，我在你的 JSON 中看到，可以提供一个 codepen 或更多代码吗？
我如何发送 JSOn 代码请让我知道还需要什么。这是代码笔网址：codepen.io/anandsaroj5/pen/YGLQmB?editors=0010

标签： angularjs ionic-framework foreach angularjs-ng-repeat dropdown

【解决方案1】：

解决了这个问题我很愚蠢地形成了另一个不同步的数组，这就是为什么它没有正确绑定所以将它绑定到 $scope.groups[i].items.push({id:itemid.menu_item_id,name: itemid.item_name});而不是再形成一个 foreach

【讨论】：