angular controller not returning result

Question

<html ng-app="myApp">
<head>
<script src=angular.js></script>
<script src=app.js></script>
</head>
<body>
<div ng-controller="mainController">
{{name}}
</div>
</body>
</html>

app.js file

angular.module('myApp',[]);
var mainController = function($scope){
$scope.name="peter";    
}

I must get a return of name "peter" but unfortunately I am not getting that. Can someone help me out?

Checking your console for errors would have given you something to search for — Phil, Mar 23 '15 at 06:16

score 1 · Answer 1 · answered Mar 23 '15 at 06:18

1

Modify your app.js as below:

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

app.controller('mainController', [$scope, function($scope) {
    $scope.name="peter"; 
}]);

answered Mar 23 '15 at 06:18

Arulkumar

12,966
14
47
68

Sajeetharan · Answer 2 · 2015-03-23T06:26:47.043

0

Change your controller to be dependent on module

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

app.controller('mainController', ['$scope', function($scope) {
    $scope.name="peter"; 
}]);

here is the workin Plnker

edited Mar 23 '15 at 06:26

answered Mar 23 '15 at 06:13

Sajeetharan

216,225
63
350
396

angular controller not returning result

2 Answers2