AngularJs 简单的自定义服务不起作用

AngularJs simple custom service not working

本文关键字：服务 不起作用 自定义 简单 AngularJs      更新时间：2023-09-26

我是 angular 的新手，正在尝试创建新的自定义服务并在视图中提取数据。这里可能有什么问题？

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

请从属性声明中删除分号getDetails

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>

相关文章：