angularjs module and controller is not working

Question

I'm trying to create module and controller for understanding the basic concept. I tried below code but it does not work.

<div ng-contoller = "MyController">
<p>
{{ author.name }}
</p>
<p>
{{ author.age }}
</p>
<p>
{{ author.sex }}
</p>
</div>

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


myApp.controller('MyController', function MyController($scope){
    $scope.author = {
        'name'  :   'Sameer Sashittal',
        'age'   :   '28',
        'sex'   :   'Male'
    }
});

Above code is not working. Can any one guide me where i'm doing wrong.

Sachila Ranawaka · Accepted Answer · 2017-07-12 05:47:33Z

2

add you module using ng-app to the div.

Also there is typo error in the ng-controller

<div ng-app="myApp" ng-controller = "MyController">

the controller should be

myApp.controller('MyController', function ($scope){

answered Jul 12, 2017 at 5:47

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

1 Comment

Sachila Ranawaka Over a year ago

@Karan Tiwari nice make sure to check as answer if this helped :D

Hadi · Accepted Answer · 2017-07-12 05:47:33Z

2

Remove MyController. It should be like this.

  var myApp = angular.module('myApp',[]);
  myApp.controller('MyController', function($scope){
    $scope.author = {
      'name'  :   'Sameer Sashittal',
      'age'   :   '28',
      'sex'   :   'Male'
  }
});

answered Jul 12, 2017 at 5:47

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

2 Comments

Hadi Over a year ago

Collectives™ on Stack Overflow

angularjs module and controller is not working

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related