Adding a method to an Angular Javascript object made from ReST JSON call

Question

I have an Angular application that get a 'person' from a rest call. In the config I have:

        when('/people/edit/:id',{
        controller:PersonEditCtrl,
        templateUrl: 'frontend/partials/people/person.html',
        resolve: {
            person: function(Restangular, $route){
                var theRoute= 'people/' + $route.current.params.id + '/';
                return Restangular.one(theRoute).get();
            }
        }
    }).

In the controller:

function PersonEditCtrl($scope, $location, Restangular, person) {

      $scope.person = person;
 }

In the html page, I use like this to show info:

{{person.firstName}}

In the html page, I would like to add some behavior to 'person'. For instance, I'd like to add a function that combines the first and last name. So, I'd like a function like getFullName(). Note that I am not making a person object, I am only getting the JSON from a ReST call. I'm assuming the a person object is getting made somehow, but I do not know how.

How do I add functions/methods to 'person' in how I currently have things?

You get the object from transforming the json response into javascript, since this is a normal javascript object, you can add methods to that object just like to any other object, through dot or square brackets notation. — jcz
– jcz, Commented Mar 29, 2015 at 16:40
In my controller, this is not working: $scope.person.foo= function(){return this.firstName + " " + this.lastName; }...should it? — bmw0128
– bmw0128, Commented Mar 29, 2015 at 16:43
Please explain what do you mean by "not working"? Isn't the method added to the object, isn't the method visible in the view or does the method return incorrect data? — jcz
– jcz, Commented Mar 29, 2015 at 16:47
Not working i mean in the page, this does not print anything: {{person.foo}} — bmw0128
– bmw0128, Commented Mar 29, 2015 at 16:51

Nema · Accepted Answer · 2015-03-29 16:35:23Z

2

Set person.getFullName = function(){ //Code here }

answered Mar 29, 2015 at 16:35

Nema

3972 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

Adding a method to an Angular Javascript object made from ReST JSON call

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related