首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJs简单的自定义服务不起作用

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

Stack Overflow用户
提问于 2016-03-14 22:01:38
回答 1查看 677关注 0票数 1

我是新的角度,并试图创建一个新的自定义服务和拉数据的视图。这里可能有什么问题?

代码语言:javascript
运行
复制
<!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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-14 22:06:18

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

代码语言:javascript
运行
复制
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...."
  };
});
代码语言:javascript
运行
复制
<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>

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35998931

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档