Angular accessing $scope objects with dynamic names

Question

I have an angular controller whereby I'm trying to look through a list of strings, querying an ajax query for each string within the list. The code is as follows:

var itemsliststrings = ["department", "year", "project", "subdepartment"];

itemsliststrings.forEach(function (itemStr) {
    $http.post("/Budget/GetListBudget", { budgetType: itemStr })
    .success(function (data) {
        var the_string = itemStr;
        var model = $parse(the_string);
        model.assign($scope, data);
        $scope.$apply();
    })
    .error(function (error) {
        console.error(error);
        toastr.error('An error occured, unable to load ' + itemStr);
    });
});

This is the code that doesn't work. it complains with the error '$parse' is undefined. I took this example from a SO post.

I basically want to be able to loop through my itemsliststrings, post the string to an web method, and set the return data for this to a model variable called that particular string. So when I take the "department" string, I submit this string to the web method, I get a data object back, which I then set to the $scope.department object.

Thanks

I receive the error Unable to set property 'department' of undefined or null reference — user3585420
– user3585420, Commented May 9, 2014 at 10:10
You would need to define the $scope.values object first: $scope.values = {}. — Davin Tryon
– Davin Tryon, Commented May 9, 2014 at 10:12
Hello, I tried this and it no longer errors, the data gets set into the model, however the view does not update once the data is set, how do I make the view update to the new model data? — user3585420
– user3585420, Commented May 9, 2014 at 10:18

Boon · Accepted Answer · 2014-11-04 09:16:42Z

2

Have you tried just $scope[itemStr] = data?

answered Nov 4, 2014 at 9:16

Boon

2,1712 gold badges22 silver badges32 bronze badges

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

Comments

António Sérgio Simões · Accepted Answer · 2014-05-09 10:09:31Z

1

Did you inject the $parse provider in your controller?

    .controller('yourController',function($scope,$parse,etc..){});

answered May 9, 2014 at 10:09

António Sérgio Simões

9917 silver badges11 bronze badges

1 Comment

user3585420 Over a year ago

Doh! No I didn't, I have added the $parse provider now and it successfully parses the variable name. I know this is another question within a question, but once I call the $scope.$apply() method, an error appears: Error: [$rootScope:inprog] $digest already in progress http://errors.angularjs.org/1.2.2/$rootScope/inprog?p0=%24digest Any ideas what this might mean? My view does no update with the correct values because of this.

Collectives™ on Stack Overflow

Angular accessing $scope objects with dynamic names

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related