Not able to bind angularjs controller variable to html page

Question

I have a simple query which i am not able to understand why it doesnt work for me.

I have a ajax call and i get data from backend. Here it is.

$.ajax({
    type: "GET",
    url: serviceURL,
}).then(function (response) {
    $scope.$apply(function () {
        $scope.username = response.FirstName;
    });
    console.log($scope.username);
});

I am able to get the console output here. Means ajax works fine. Now i need to display it at the front end. Here is the code for that.

<li ng-model="username">[USERNAME should comeHere]</li>

I have used ng-model to bind the controller side data to front end. So the username should display in between the [] brackets i mentioned above. However, this is not happening.

Can someone tell me what is it tat i am doing wrong. ? I have also used $apply because i read somewhere that this will force it to make the updated changes.

don't use $.ajax , use $http . Also read docs for ng-model it is not for displaying text. — charlietfl
– charlietfl, Commented Feb 23, 2016 at 21:31

Community · Accepted Answer · 2017-05-23 12:07:31Z

1

It should be:

<li>{{username}}</li>

This may help to shed light on this: What's the difference between ng-model and ng-bind

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Feb 23, 2016 at 21:29

LJ.Wizard

6051 gold badge6 silver badges10 bronze badges

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

3 Comments

Ayesha Over a year ago

strangely, it shows a blank line. let me have a look again

LJ.Wizard Over a year ago

If it's not working, there might be a problem in your app setup, in which case you would need to post the core components of your code.

Ayesha Over a year ago

oh yea, it worked. thanks for clearing my concept of ng-model and ng-bind.

Collectives™ on Stack Overflow

Not able to bind angularjs controller variable to html page

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related