如何从控制台测试AngularJS服务?

前端之家收集整理的这篇文章主要介绍了如何从控制台测试AngularJS服务?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个服务像:
angular.module('app').factory('ExampleService',function(){
  this.f1 = function(world){
    return 'Hello '+world;
  }
  return this;
})

我想从JavaScript控制台测试它,并调用服务的函数f1()。

我怎样才能做到这一点?

所以我发现,如果已经存在一个注入器,你不能简单地调用angular.injector([‘app’])。因为此功能尝试创建新的进样器。

相反,你必须调用injector = angular.element(document.body).injector()

从检索的注射器,你可以得到任何服务,你喜欢与injector.get(‘ServiceName’)

因此在一行中,命令将如下所示:

angular.element(document.body).injector().get('serviceName')

关于这个答案的更多信息:Can’t retrieve the injector from angular
更多在这里:Call Angular JS from legacy code

另一个有用的技巧来获取特定元素的$ scope。使用开发人员工具的DOM检查工具选择元素,然后运行以下行($ 0始终是所选元素):angular.element($ 0).scope()

猜你在找的Angularjs相关文章