Fill a text input from the scope in angularjs

Question

I have a text input in a form that I want to fill with data I'm getting from a promise.

this is my text input :

<input type="text" name="lastname" id="lastname" class="form-control input-lg"
ng-model="candidature.lastname"
required>

And In my controller I have this :

candidatureService.get({id: $rootScope.username}).$promise.then(function (res) {

      $scope.candidature = {};
      $scope.candidature.lastname = res.nom;

//code...

}).catch(function (err) {
      console.log('Error getting data');
});

When I inspected my application using batrang I can see that the object candidature in $scope has the value I'm getting using that promise :

And as you can see I have ng-model="candidature.lastname".

Does anyone know why the text input doesn't get the value from the scope?

Thanks in advance.

Assign your response data to canditure first like $scope.candidature = res; then you will get the value on form. — Abhishekkumar
– Abhishekkumar, Commented Apr 27, 2016 at 10:15
@Abhishekkumar if I did that I'll have something like this $scope.candidature.nom instead which will not work since I want to fill $scope.candidature.lastname and not $scope.candidature.nom — Renaud is Not Bill Gates
– Renaud is Not Bill Gates, Commented Apr 27, 2016 at 10:20
Declare this $scope.candidature = {}; before the service request then as it is making things blank thus you dont have output on screen — Abhishekkumar
– Abhishekkumar, Commented Apr 27, 2016 at 10:25

Shashank · Accepted Answer · 2016-04-27 10:32:58Z

1

Try declaring $scope.candidature = {}; before you make the API request...

But from the code it looks like you have only declared $scope.candidature.lastname and not $scope.candidature.firstname.

edited Apr 27, 2016 at 10:32

Shashank

2,1002 gold badges21 silver badges40 bronze badges

answered Apr 27, 2016 at 10:24

Ben Chaplin

618 bronze badges

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

1 Comment

Renaud is Not Bill Gates Over a year ago

thanks that was the problem, I had to declare the object candidature outside the api request for $scope.candidature.lastname it was just an error in typing

Collectives™ on Stack Overflow

Fill a text input from the scope in angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related