问题标签 [angular2-services]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1293 浏览

angular - 构造函数参数中没有 Http 的 Angular 2 类

我有一个 API 类:

和一个 AccountService 类:

但是,当我运行此示例时,存在两个问题:

1)ApiService构造函数中需要http。因此this.api = new ApiService();应该提供Http哪些不是我想要的。

我怎样才能修改,ApiService所以我不必提供Http给构造函数?

2)在AccountService方法this.api.put上没有找到ApiService。自从我实例化之后我不ApiService明白this.api

0 投票
1 回答
3443 浏览

angular - 两个服务如何以双向方式相互通信?

一种是通过事件,另一种是通过调用方法。我试图在我的应用程序中实现聚合模式。

我有 AuthService,在这里我处理身份验证结果并发出事件。

我可以订阅 AuthComponent

它工作完美。但是 AggregateService 也需要知道这一点并将这些信息广播给 UserService、LoadDataService 等。

怎么做?

upd:我的 AggregateService 没有组件,我已经将 AuthService 注入其中。

0 投票
2 回答
294 浏览

angular - 关于 angular2 提供者的一些问题

抱歉,我是编程新手,还没有知道这个话题的朋友,所以我将用我的愚蠢问题淹没stackoverflow。

我可以在引导级别设置提供程序

在根组件中

或在子组件级别。

这次的问题:

  1. 我会简化,但是如果 someService 设置为 someComponent 的提供者,是否意味着 someComponent 具有 someService 的字段和方法?Provider 为组件实例化新实例提供服务的方法和字段?
  2. 已删除
  3. 如果我提供服务,它的方法可以在较低级别调用吗?
  4. 如果 someComponent 注入 someService,其中注入了 someService2,我是否需要在 someComponent 级别将它们都设置为提供者 [someService, someService2]?如果我已经在上层组件中注入了 someService2 somewere 或/和?
  5. 为什么 HTTP_PROVIDERS 设置在引导级别?
0 投票
1 回答
2562 浏览

angular - 在 Angular 2.0 中注入服务提供者

在 AngularJS 2.0 Heroes 教程的解释中,它指出如果一个子组件在其 @Component Providers 列表中包含一个服务,那么 Angular 将创建一个特定于该子组件的单独的服务实例。我不明白的是,如果有时您想独立使用子组件,而有时在父组件中使用,您会怎么做。这似乎是一个严格的限制。我刚刚玩过 Angular 2.0,所以很可能我误解了一些东西。

这是来自英雄教程服务部分的 Angular.io 站点的解释。

附录:影子父母的服务

我们之前说过,如果我们将父 AppComponent HeroService 注入到 HeroDetailComponent 中,我们一定不能在 HeroDetailComponent 元数据中添加 providers 数组。

为什么?因为这告诉 Angular 在 HeroDetailComponent 级别创建一个新的 HeroService 实例。HeroDetailComponent 不想要自己的服务实例;它想要其父级的服务实例。添加 providers 数组会创建一个新的服务实例,它会隐藏父实例。

仔细考虑注册提供商的地点和时间。了解该注册的范围。注意不要在错误的级别创建新的服务实例。

这是指向此页面的链接,以将其置于上下文中。

0 投票
1 回答
502 浏览

unit-testing - Jasmine 为 Angular 2 单元测试提供了无法读取 null 的属性“getXHR”

我在网上找到了许多使用 http 调用对 Angular 2 进行单元测试的示例。但是,当我进行自己的测试并运行它 Jasmine 时,它​​给了我一个错误:

http Http .request() should accept a fully-qualified request as its only parameter

Failed: Cannot read property 'getXHR' of null

有什么想法我在这里做错了吗?

0 投票
2 回答
49 浏览

javascript - 访问引导服务的变量

我正在尝试了解服务注入在 Angular 2 中的工作原理。我创建了一个应用程序和一个服务。我的服务如下:

我将它注入到引导程序中,以便我可以在整个应用程序中访问它,如下所示:

然后我尝试在我的一个组件视图中访问它,但不能这样做。我试图像这样访问它:

它不允许我访问变量,这是为什么呢?

0 投票
1 回答
122 浏览

angular - Angular 2.0 BETA - HTTP 请求并显示其属性

我们在显示映射到界面的获取数据时遇到问题。这三个文件称为:

  • teacher.service.ts
  • teacher.component.ts
  • teacher.ts

我们获取了一个普通的 javascript 对象,但我们不知道如何在模板中显示它。我们尝试使用{{teacher.firstname}} -> failed和 with {{test.firstname}} -> succeeded显示。test是一个手工制作的javascript对象,具有与界面相同的属性(名字,姓氏)。

以下是测试结果 + 错误消息:

在此处输入图像描述

这是一些代码:

0 投票
1 回答
1901 浏览

angular - HTTP 请求 + ngFor 遇到问题

我正在使用 node 构建一个项目,并且刚刚开始使用 Angular2 构建前端!

我的问题是我无法让它接收或显示数据,我不完全确定它在哪里崩溃,因为我还不确定如何自己调试角度。

这是我遇到的错误。

这是我的角色组件(如果我取出 *ngFor 它不会崩溃)。

我的 Role.services 是 -

我认为这并不重要,但我也会在这里发布我的模拟 Json 数据。

到目前为止,学习 Angular 有点挑战性。特别是因为当前的 angular2 构建没有太多的参考资料对我来说是准确的。非常感谢任何帮助,谢谢!

0 投票
3 回答
771 浏览

angular - 标尺服务不能作为本地依赖

我使用这个 plunker 基于我的代码:http ://plnkr.co/edit/81nWDyreYMzkunihfRgX?p=preview

如您所见,远程加载依赖项(带有 http/s 的脚本),然后我使用节点更改它们并用 package.json 和 tsconfig.json 在本地替换所有依赖项。

但是,当像这样将标尺和矩形依赖项更改为本地时:

出现错误提示:

0 投票
1 回答
40830 浏览

angular - ts1109:表达式预期的角度错误

我从https://angular.io/docs/ts/latest/guide/router.html关注这个示例

我也在尝试用服务做一个类似的列表,但是当我写这行时是有原因的

在我的组件中,我收到了这个错误,如果我删除它,事情就会起作用。不过,不确定这是在示例中尝试做什么。控制台错误:

Uncaught SyntaxError: Unexpected token ]

类型编译期间的终端错误

app/dashboard/dashboard.component.ts(35,27):error TS1109: Expression expected

仪表板.component.ts