AngularJs: assignment data to variable from multidimensional json

Question

I have multidimensional json:

{"cat":
        {"total":12,"per_page":3,"current_page":1,"last_page":4,"from":1,"to":3,
         "data":[{"id":1,"emlakKategori":"a"},{"id":2,"emlakKategori":"b"},{"id":3,"emlakKategori":"c"}]}}

And i am reaching to data via ng-repeat like this:

    <tr ng-repeat="kat in kategoriList.cat.data">
        <td>{{ kat.id }}</td>
        <td>{{ kat.emlakKategori }}</td>

My service is:

   app.factory('KategoriData',['$resource', 'api.config', function($resource, config) {
return $resource(config.apiBasePath + 'kategori',{}, {
    query: {
        isArray: false,
        method: 'GET'
    }
});

And my controller:

kategori.controller('KategoriListCtrl',['$scope', 'KategoriData', function($scope, KategoriData) {
    $scope.kategoriList = KategoriData.query();

}

I wonder how can i assign data to variable inside controller and reach it in view with directly kategoriList instead of kategoriList.cat.data

Thanks.

kubuntu · Accepted Answer · 2014-01-09 15:54:08Z

1

You can make the assignment in your controller in the success callback of your query.

kategori.controller('KategoriListCtrl',['$scope', 'KategoriData', function($scope, KategoriData) {
    KategoriData.query({},
         function(data){
             $scope.kategoriList = data.cat.data;
         });
}

answered Jan 9, 2014 at 15:54

kubuntu

2,5351 gold badge24 silver badges24 bronze badges

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

Comments

Ilan Frumer · Accepted Answer · 2014-01-09 16:02:02Z

1

Actually your example is not valid anymore due to this (since v1.2.0-rc.3 )

deprecate promise unwrapping means that you can not bind a scope value to a promise and when the promise will be resolved a $digest will automatically unwrap it.

You should use a callback:

kategori.controller('KategoriListCtrl',['$scope', 'KategoriData', function($scope, KategoriData) {
  KategoriData.query({}, function(data){
    $scope.kategoriList.cat.data = data;
  })
}

edited Jan 9, 2014 at 16:02

answered Jan 9, 2014 at 15:54

Ilan Frumer

32.4k8 gold badges73 silver badges84 bronze badges

Collectives™ on Stack Overflow

AngularJs: assignment data to variable from multidimensional json

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related