View doesn't display correct model data from controller in AngularJS

Question

I am testing AngularJS as follow.

Script.js

var myApp = angular.module("myModule",[]);


myApp.controller("myController", function ($scope){
    var employee = {
        firstName = "Test",
        lastName = "Name",
        gender = "Male"        
    };
    $scope.employee = employee;    
});

index.html

<html ng-app="myModule">
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="Scripts/angular.min.js" type="text/javascript"></script>
        <script src="Scripts/Script.js" type="text/javascript"></script>
    </head>
    <body ng-controller="myController">
        <div>  
            {{ employee.firstName }} 
        </div>
        <div>  
            {{ employee.lastName }} 
        </div>
        <div>  
            {{ employee.gender }} 
        </div>

    </body>
</html>

When I run the program, I just see as

{{ employee.firstName }}
{{ employee.lastName }}
{{ employee.gender }}

I don't see in correct format. What could be wrong?

Thanks

First thing you should have done is look for the errors in your browser's console — Phil
– Phil, Commented Oct 13, 2016 at 2:39

batuman · Accepted Answer · 2016-10-13 02:34:46Z

2

There is an issue in the way you are assigning values to the employee object , it should be like this,

myApp.controller("myController", function ($scope){
    var employee = {
        firstName : "Test",
        lastName : "Name",
        gender : "Male"        
    };
    $scope.employee = employee;    
});

DEMO

edited Oct 13, 2016 at 2:34

batuman

7,34633 gold badges120 silver badges250 bronze badges

answered Oct 13, 2016 at 2:24

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

batuman Over a year ago

Nope, still the same.

batuman Over a year ago

Yes yours is working. Yours and mine not different. Why mine is not working?

Sajeetharan Over a year ago

@batuman chec firstName : "Nyan", you are assigning with an =

Sajeetharan Over a year ago

Let us continue this discussion in chat.

Collectives™ on Stack Overflow

View doesn't display correct model data from controller in AngularJS

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related