angularjs定制服务不能与箭头“ =>”功能一起使用?

时间:2019-02-11 07:12:49

标签: angularjs

我正在练习使用带有定制服务的angularjs,但是当我在service()上使用箭头功能时,它无法正常工作,请有人帮我解决这个问题。...

这是带有自定义服务和箭头功能的示例代码:

    <script>
        const app = angular.module('myApp', []);
        app.service('getNameService', () =>{
            this.getSomething = () => {
                return 'something';
            }
        });
        app.controller('myCtrl', ($scope, getNameService) => {
            $scope.test = getNameService.getSomething();
        });
    </script>

此代码显示:

    <body ng-app="myApp" ng-controller="myCtrl">

        <h2>{{test}}</h2>

如何将箭头函数与angularjs定制的service()配合使用?

1 个答案:

答案 0 :(得分:1)

这可能是因为ES6。还要浏览该页面以获取更多详细信息here,这些对于Angularjs来说是必不可少的。

但是通过使用 Babel或Traceur ,您可以做到。 您也可以尝试以下方法:

ES 6 essentials for Angular

fix(injector): support arrow functions with no parenthesis

fix($injector): Allows ES6 function syntax

When (and why) you should use ES6 arrow functions — and when you shouldn’t

希望有帮助。 谢谢