angular controller not returning result

143 Views Asked by Deadpool At 19 April 2025 at 05:30

<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?

Original Q&A

There are 2 best solutions below

Sajeetharan On 23 March 2015 at 06:13

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

Arulkumar On 23 March 2015 at 06:18

Modify your app.js as below:

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

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

angular controller not returning result

There are 2 best solutions below

Related Questions in ANGULARJS

Related Questions in LAUNCHING-APPLICATION

Related Questions in SUPERVISINGCONTROLLER

Trending Questions

Popular # Hahtags

Popular Questions