How to structure my json value that got pushed to array in angular.js

Question

I can get the selected values pushed to array by ngcheck and ngchange, but I want to push the {{get_ing_value.productName}} to array when I click any of the checkbox and radio button.

This is what I have:

[
    {
        "selected": {
            "_id": "584aa4e218c5b62c02b6fe6a",
            "productId": "584aa4e118c5b62c02b6fe67",
            "ingredientTypeId": "5822f17b24baa627770af5ed",
            "ingredientName": "small",
            "slug": "small",
            "isActive": true,
            "ingredientPrice": -75
        }
    },
    {
        "selected": {
            "_id": "584aa4e718c5b62c02b6fe6e",
            "productId": "584aa4e118c5b62c02b6fe67",
            "ingredientTypeId": "5822f18324baa627770af5ee",
            "ingredientName": "extra cheese",
            "slug": "extra-cheese",
            "isActive": true,
            "ingredientPrice": 20
        }
    },
    {
        "selected": "{\"_id\":\"584aa4e918c5b62c02b6fe70\",\"productId\":\"584aa4e118c5b62c02b6fe67\",\"ingredientTypeId\":\"5822f19724baa627770af5ef\",\"ingredientName\":\"hot chilly\",\"slug\":\"hot-chilly\",\"isActive\":true,\"ingredientPrice\":20}"
    },
    {
        "selected": "{\"_id\":\"584aa4ea18c5b62c02b6fe71\",\"productId\":\"584aa4e118c5b62c02b6fe67\",\"ingredientTypeId\":\"5822f1a024baa627770af5f0\",\"ingredientName\":\"chicken\",\"slug\":\"chicken\",\"isActive\":true,\"ingredientPrice\":50}"
    }
]

This is what I want to get

[
    {
        "main_product_name": "PIZAA"
    },
    {
        "selected": {
            "_id": "584aa4e218c5b62c02b6fe6a",
            "productId": "584aa4e118c5b62c02b6fe67",
            "ingredientTypeId": "5822f17b24baa627770af5ed",
            "ingredientName": "small",
            "slug": "small",
            "isActive": true,
            "ingredientPrice": -75
        }
    },
    {
        "selected": {
            "_id": "584aa4e718c5b62c02b6fe6e",
            "productId": "584aa4e118c5b62c02b6fe67",
            "ingredientTypeId": "5822f18324baa627770af5ee",
            "ingredientName": "extra cheese",
            "slug": "extra-cheese",
            "isActive": true,
            "ingredientPrice": 20
        }
    },
    {
        "selected": "{\"_id\":\"584aa4e918c5b62c02b6fe70\",\"productId\":\"584aa4e118c5b62c02b6fe67\",\"ingredientTypeId\":\"5822f19724baa627770af5ef\",\"ingredientName\":\"hot chilly\",\"slug\":\"hot-chilly\",\"isActive\":true,\"ingredientPrice\":20}"
    },
    {
        "selected": "{\"_id\":\"584aa4ea18c5b62c02b6fe71\",\"productId\":\"584aa4e118c5b62c02b6fe67\",\"ingredientTypeId\":\"5822f1a024baa627770af5f0\",\"ingredientName\":\"chicken\",\"slug\":\"chicken\",\"isActive\":true,\"ingredientPrice\":50}"
    }
]

Plnkrs are fine for augmenting your question, but you'll still have to put a substantial relevant part of your code into your actual question here for it to make sense. — deceze
– deceze ♦, Commented Dec 19, 2016 at 10:18
no if i click get selected checkbox and radio values button the only selected values are of pushing into array instead of that i want to push that main name PIZZA to array — priya
– priya, Commented Dec 19, 2016 at 10:33

Manoj Lodhi · Accepted Answer · 2016-12-19 11:31:11Z

0

You can try this code, may be it helps you. It will set PIZZA as main_product_name in first index of your array when you select any radio or checkbox, it will also check if main_product_name is already added.

var App = angular.module('App', []);
App.controller('TodoCtrl', function($scope, $http) {

   $scope.get_product_ingredients;
   $http.get('https://api.myjson.com/bins/1gh1pl').then(function(res) {
    $scope.get_product_ingredients = res.data;
   });
  $scope.selected_ingrediants = [];
  $scope.tempCheck = {};
  $scope.formatted = [];

  $scope.get = function() {
    if(!$scope.formatted[0]){
     $scope.formatted[0] = {
      main_product_name: $scope.get_product_ingredients[0].productName
     }
   }
  };

 $scope.updateIngredient = function(type, model, index){
   if(!$scope.formatted[0]){
     $scope.formatted[0] = {
      main_product_name: $scope.get_product_ingredients[0].productName
     }
   }
   $scope.formatted[index+1] = {
     //ingredientTypeName: type,
    selected: model
   }

  }

});

answered Dec 19, 2016 at 11:31

Manoj Lodhi

9884 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

priya Over a year ago

Thank you but this is not working in my plunker can you post plunker

priya Over a year ago

exactly but if i click two values in NON-VEGETABLES means one value get disappeared

Manoj Lodhi Over a year ago

check now, updated your HTML this time :) plnkr.co/edit/PfV53gicxwHLO6oG9SsK?p=preview

priya Over a year ago

Thank you so much can you explain

Manoj Lodhi Over a year ago

Yes, 1. Actually you were sending a the key to the function updateIngredient(), where you used that key as index. The value of key was starting from 0 and maximum to the length of array. I just added [index+1] in this function, so that it will always take index from 1 to maximumLength+1, it means 0 index is free always. On 0 index i check if there is value or not, if not then put main_product_name there.

|

Collectives™ on Stack Overflow

How to structure my json value that got pushed to array in angular.js

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related