AngularJs simple custom service not working

Question

I am new to angular and trying to create a new custom service and pull data on view. What may be the issue here?

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="Scripts/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    service data is {{serviceData}}
</body>
</html>


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

    app.controller('myCtrl', function ($scope, myService) {       
        $scope.serviceData = myService.getDetails;
    });

    app.factory('myService', function () {
        return
        {
            getDetails: "I am testing service....";
        };
    });

</script>

Krzysztof Safjanowski · Accepted Answer · 2016-03-14 22:06:18Z

4

Please, remove semicolon from getDetails property declaration

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

app.controller('myCtrl', function($scope, myService) {
  $scope.serviceData = myService.getDetails;
});

app.factory('myService', function() {
  return {
    getDetails: "I am testing service...."
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  service data is {{serviceData}}
</div>

answered Mar 14, 2016 at 22:06

Krzysztof Safjanowski

7,4483 gold badges38 silver badges50 bronze badges

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

3 Comments

charlietfl Over a year ago

also important that object starts on same line as return

Kurkula Over a year ago

OH MY God.... you are right charlietfl. I am wondering how this is happening.... how will that make more difference if { is next to return or in next line ......?

Krzysztof Safjanowski Over a year ago

@chandana What are the rules for JavaScript's automatic semicolon insertion – stackoverflow.com/questions/2846283/…

Collectives™ on Stack Overflow

AngularJs simple custom service not working

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