AngularJS pass a scope variable name as a function parameter

Question

Hi I'm still new to AngularJs and was wondering if this was possible.

On my controller, I'm trying to create a function that takes a string parameter that will indicate which $http.get to call. I would then like to assign that parameter in my scope. For example

$scope.getpartial = function(partialtype) {
    var promise = "";
    switch(partialtype) {
        case "account":
             promise = $http.get("account url here");
             break;
        case "contact":
             promise = $http.get("contact url here");
             break;
    }
    promise.then(function(payload) {
        $scope.XXXXXXX = payload.data;
    });
}

Where XXXXXXX = partialtype == "account" or "contact"

so the result would be placed and stored under $scope.account and/or $scope.contact.

Is this possible or is there a better way to do this?

This totally works, although it may not be best practice to use this method, in our SPA this is what we need. I don't know hot to mark this as an answer since this is a comment. — Justin
– Justin, Commented Dec 30, 2014 at 16:33
I posted a quick answer - was on mobile at the time when I commented. — tymeJV
– tymeJV, Commented Dec 30, 2014 at 16:40

tymeJV · Accepted Answer · 2014-12-30 16:40:32Z

7

Since $scope is just an object with properties, you can use bracket notation:

$scope[partialtype];

answered Dec 30, 2014 at 16:40

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

wmock · Accepted Answer · 2014-12-29 23:12:21Z

0

While this seems like it is possible, I would suggest creating a custom Angular service that encapsulates your logic for http requests. You could then include your service in your controller, and access the functions in your service.

Take a look at the Angular documentation for creating custom services here: Angular Documentation for Services

answered Dec 29, 2014 at 23:12

wmock

5,5025 gold badges43 silver badges62 bronze badges

Collectives™ on Stack Overflow

AngularJS pass a scope variable name as a function parameter

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