web-dev-qa-db-fra.com

Ajouter des données json à un tableau existant

J'ai 2 fichiers json, services.json et services_show.json.Au chargement de la page, je récupère les données de services.json et que cela fonctionne correctement.En un clic de bouton, je dois récupérer le contenu de service_show.json et l'ajouter aux services tableau mais cela ne fonctionne pas.

var beautyApp = angular.module('findbeauty', []);

beautyApp.controller('beautycntrl',function($scope,$http){

    $http.get('http://localhost/Find-Beauty/media/services.json').success(function(data) {
        $scope.services=data.services;
        $scope.services1=data.services1;
    });

    $scope.Add = function(){

        $http.get('http://localhost/Find-Beauty/media/services_show.json').success(function(data) {
            console.log(angular.toJson(data.services));
            $scope.services.Push(data.services);

        });

    };

    $scope.ViewMore = function(){

});

Services.json 

{
"services":[
{
            "name": "Arun",
            "gender": "Damen",
            "duration": "1.5 Stunden",
            "price": "€65,00",
            "imagepath": "media/images/prfilepic1.png",
            "percentage": "90%"
        },

    ],
    "services1":[

    {
            "name": "Schnitt & Föhnen",
            "gender": "Damen",
            "duration": "1.5 Stunden",
            "price": "€65,00",
            "imagepath": "media/images/profilepic4.png",
            "percentage": "25%"
        },


    ]
}

service_show.json 

{
"services":[
{
                "name": "Schnitt & Föhnen",
                "gender": "Damen",
                "duration": "1.5 Stunden",
                "price": "€65,00",
                "imagepath": "media/images/profilepic4.png",
                "percentage": "5%"
            },

    ],
    "services1":[

    {
                "name": "Schnitt & Föhnen",
                "gender": "Damen",
                "duration": "1.5 Stunden",
                "price": "€65,00",
                "imagepath": "media/images/prfilepic1.png",
                "percentage": "50%"
            },

    ]
}

Comment puis-je transmettre les données services_show.json à $ scope.services? De l'aide?

javascriptjsonangularjs
12
Gopesh

Array.prototype.Push.apply() peut être utilisé pour fusionner deux tableaux.

Fusionner le second tableau dans le premier

$scope.services.Push.apply($scope.services, data.services);
25
Satpal

Vous devez pousser un élément à la fois, comme 

angular.forEach(data.services,function(item) {
     $scope.services.Push(item);
});
7
Chandermani

Vous pouvez également utiliser concat : Ici, j'ai mon propre code: Veuillez vous référer

$http.get('store/LoadAlbums/', {'iCategoryID': iCategoryID}).then(function (data) {
      for (var i = 0; i < $scope.result.mainalbums.length; i++) {
         if($scope.result.mainalbums[i].iCategoryID == iCategoryID){
            $scope.result.mainalbums[i].albums = $scope.result.mainalbums[i].albums.concat(data.data.albums);
            $scope.result.mainalbums[i].totalAlbumCategory = $scope.result.mainalbums[i].albums.concat(data.data.totalAlbumCategory);
            $scope.result.mainalbums[i].loadmore = $scope.result.mainalbums[i].albums.concat(data.data.loadmore);
            $scope.result.mainalbums[i].newpage = $scope.result.mainalbums[i].albums.concat(data.data.newpage);
        }
       } });
0
Ronak Patel