-
2 votesanswersviews
使用rxjs BehaviorSubject加载微调器
我为我的 angular 4 应用程序创建了一个加载微调器组件,该组件应该在AJAX调用期间显示但是我无法通过订阅 BehaviorSubject 来显示它 . 这个问题与how to show a spinner till the time data recieved from the server in angular2有关,但不是重复(因为我想用可重复使用的组件做)和Angular 2 + ... -
1 votesanswersviews
如何从代码中更新Observable / BehaviorSubject?
我需要更新可观察对象的属性 . 我设法使它工作,但我不喜欢我是如何做到的 . next(filter$: BehaviorSubject<GridCollectionFilter>, collection: GridCollectionModel<any>) { let filter = filter$.value; if (!filter.page) { ... -
2 votesanswersviews
Rxjs解析可观察和合并结果的数组
我订阅了一个可观察数组的问题 . 在我的例子中,我有一个ID数组,我需要从我的状态获取所有ID,将所有结果合并到一个observable中并订阅该observable . 我需要我的订阅者最终会获得一系列已解析的observable . 此外,我需要保持此订阅打开,所以如果我的一个内部可观察的更改我的订阅者将通过它通知 . 这是我的代码: getTransactionsByIDs(transact... -
0 votesanswersviews
从嵌套的observable返回observable
我试图从一个来自一个observable的响应中返回一个布尔observable,该observable位于父observable的响应中 . 但是,子观察值并不总是依赖于父观察者的res . 我知道要做这项工作我必须使用.map并且我可以在订阅中返回observable但是之后我感到难过 . 方案是我进行身份验证检查是否通过,然后执行api调用,如果失败则返回false . 如果api调用失败则... -
2 votesanswersviews
以角度2设置可观察变量
我们想要做的是从url调用 endpoints ,该url返回2个变量,这些变量可以在站点的多个部分上使用 . 虽然我们正在使用http调用并订阅它,但为了加快网站速度,我们只想进行一次api调用 . 为此,我们在服务上创建了一个Observable . Service在构造函数中调用一个函数来设置Observable的值,但是有时直接访问一个链接时会返回一个无法订阅undefined方法的函数... -
0 votesanswersviews
如何在订阅中返回Observable
我想在一个observable中调用http请求,该observable从数据库进行select操作 . 我提供了两项服务, DbService 和 BackendService . BackendService发出http post请求并返回响应数据 . 在我的设计中,BackendService应该订阅DbService以获取url,之后发出http post请求然后返回响应数据 . Bac... -
0 votesanswersviews
将多个可观察对象提取到已映射的流角度rxjs中
目前正在Firebase和Angular 4中构建一个项目 . 我正在提取一个数据对象,其中包含许多数据键和许多不同的uid键 . 为了保持数据的可管理性,我不想将对象数据保存在可以在主机上更改的某些键中 . 在实例中我存储了uid,我想创建一个提取的observable的新键 . 我可以很容易地将它作为一个observable添加到映射对象中,但我想在流中实际将observable提取到对象中 ... -
1 votesanswersviews
使用angular2 observables异步填充Object属性?
我试图转换angular2组件以使用异步数据调用 . 我使用专用的图表库在图表上显示数据 . 图表需要以某种格式传递数据(如下所示) . public barChartData: any[] = [ { data: this.dataService.getCellOEE('powders'), label: 'OEE' } ]; 问题是 this.dataService.g... -
0 votesanswersviews
Angular5如何使用Http Observable
我对Angular5上的HTTP请求有问题 . 我有两个组件(“ LoginComponent ", " WellcomeComponent ") and one service (" AuthService ”) . 我使用auth servise来处理HTTP请求,而且这个服务是两个组件之间的桥梁 . 我可以从服务获取和发布请求,但由于Obser... -
1 votesanswersviews
Angular 4组件通信 - 具有订户的子到父
我试图在角度4中的父/子组件之间共享服务数据 . 我有一个工作代码,但我不清楚这是否是最好的选择 . 我正在使用一个可注入的服务类来通过创建Subjects和订阅可观察的方法在parent - > child之间进行通信 . 现在向后传递i:e child - > parent,我通过创建Subjects并订阅parent中的observable来重用同一个服务类 . 这样我订阅了... -
2 votesanswersviews
Angular 2表调用连接函数
Topic : md-table ui在Angular Material 2中实现cdk-table Problem : 用户调用的http调用返回响应后无法连接到emit Approach : 从服务中的行为主题创建一个热的可观察对象 . parent组件调用服务中的一个方法,该方法将一组对象提供给行为主题 . 子组件在其构造函数中订阅行为主体的热可观察性 . 子组件使用新接收的对象数组重新创... -
0 votesanswersviews
查询单个文档的firebase数据库
我正在创建一个配置文件页面,用户可以在其中编辑自己的详细信息我有一个Cloud Firestore数据库(不是Realtime DB) . 我正在使用Firebase身份验证,因此当用户登录时,我可以找到UID . 我已将此分配给文档中的每个用户,该文档存储在名为“users”的集合中 . 我正在尝试查询此集合以查找用户的详细信息,以便我可以显示它们/操纵它们等等 . 我查询的条件是id = ..... -
5 votesanswersviews
订阅方法不会对更改做出反应[Angular 2]
我的app.component中有方法可以更改LangService中的语言 . 当发生更改时,LangService应该使用Observable对象响应所有其他组件,因为我订阅了所有组件中的更改 . 不幸的是,它没有发生 . 它只响应调用该函数来改变语言的app.component . 我不确定我在哪里弄错了 . 也许我只是误解了整个概念,因为我是Angular的新手 . 这是代码: app.c... -
0 votesanswersviews
如何获取数据并在angular2中订阅它
我试图得到结果并用可观察的东西来解决它,但我无法得到它可以请一些人帮助我 . import { Injectable } from '@angular/core'; import {Component} from '@angular/core'; import {Http, Response, Headers} from '@angular/http'; import {Observable... -
1 votesanswersviews
Angular2可观察与承诺
我目前正在开发一个Web应用程序,它必须从SQL数据库(如某些员工或工作计划)加载一组数据 . 每次当您被路由到组件时,如果您更新数据,它将被发送到服务器并返回某种成功或错误消息 . 目前我使用了observables,但它们的行为并不像我想要的那样 . 我订阅了一个observable,接收我的数据并取消订阅(我也不确定在哪里取消订阅 . 在onDestroy或我的sub的 Complete 部... -
0 votesanswersviews
使用Observable更新Angular2变量
警告:Angular2的新手我有以下代码: @Component({ selector: 'my-app', template: `<h1>Hello {{name}}</h1> <button (click)="ClickMe()">Button</button>` }) export clas... -
0 votesanswersviews
Angular2可观察订阅未正确更新
利用这里的信息:Angular 2 change detection with observables我的Observable正常工作以进行初始加载 . 但是,当我添加新项目时,现有项目将被清除,只剩下新添加的项目和"blank"项目 . 这是我的添加项功能: public add(v : any){ this.db.insert(v, (e, nDoc... -
1 votesanswersviews
Angular 2 Observable订阅不起作用
我试图订阅一个像init这样的组件的observable: this.ticketService.getTicketsAsync(filters).subscribe( tickets => this.ticketResponse = tickets, () => console.log('hi')) 有没有理由说第一个lambda表达式可以工作,但第... -
0 votesanswersviews
在订阅angular2之前过滤Observable
我的mongoDB中有下面的数据,我检索调用服务,然后订阅它 . 但我想以一种方式过滤之前的订阅,我只是根据我的条件订阅过滤后的数据库 . 我想过滤验证来自后端的数据中的一个阵营与“this.idcalbuscador”匹配 . (参见.filter()) . 我无法实现这一点,任何人都可以帮忙吗?对可观察者来说是新手 数据 { "_id" : ObjectId(&q... -
2 votesanswersviews
Angular2 - 如何观察数组?
这就是我所拥有的: //settings.ts public messages : Array<Message>; public static getInstance() { if (this.instance == null) { this.instance = new Settings(); } return this.instance; } ... -
0 votesanswersviews
如何使用Angular2中的observable更新类
我的问题很简单 . 我有一个学习班 . 我想(当我点击一个按钮时)将这个课程改为另一个学习 . 所以我创建了一个observable,它给了我这个类(通过.json) . 但是当我订阅这个observable时,通过我的函数'getStudy',我的课堂学习发生了变化,但不会出现{} . 我的学习 . 组件 import {StudiesListService} from '../_service... -
1 votesanswersviews
将observable返回给调用者函数,如返回promises
我目前正从角度1.x迁移到角度2 . 该应用程序目前遵循John Papa的风格指南Return a Promise from Data Calls . activate(); function activate() { /** * Step 1 * Ask the getAvengers function for the * avenger data an... -
2 votesanswersviews
异步管道未处理Angular 2应用程序中预期的订阅
我在Angular应用程序中成功使用了Observables . 到目前为止,我已经在组件中明确订阅,然后使用* ngFor迭代视图中的记录数组 . 现在我想通过在各种视图中使用Angular的异步管道来简化事情 - 这样就可以处理订阅和取消订阅 . 到目前为止,这是行不通的 . 这就是我原来的(我在组件中订阅的地方): ngOnInit() { this.clientService.ge... -
3 votesanswersviews
'Error'消息:'Property '来自' does not exist on type ' typeof Observable'
我正在尝试使用RxJS学习反应式编程 . 我试图使用 Observable.from() 方法从数组创建一个observable,但我收到一个错误 - ' Property 'from' does not exist on type 'typeof Observable' . 我使用Angular CLI构建了一个Angular应用程序,因此所有依赖项(包括RxJS包)都已正确导入 . 在 ap... -
3 votesanswersviews
Angular2 observables - 订阅不会在用户登录时更新我的变量
因此,当用户登录时,我正在尝试更新我的菜单 . 我已经阅读了几个关于类似问题的答案,但我仍然无法让它工作 . nav-bar.component.html: <li *ngIf="isLoggedIn"><a routerLink="/" (click)="logout($event);"> {{ logoutLa... -
0 votesanswersviews
Angular 2:从Firebase返回的数据未映射到我的对象数组上
我使用Observables从Angular 2获取Firebase数据,但是,即使我从http调用得到结果,我也无法在我的实体上映射返回的对象 . 我想映射到食谱阵列 . 食谱是: export class Recipe { constructor(public name: string, public description: string, publi... -
1 votesanswersviews
ChangeDetectionStrategy OnPush - 如果输入是异步的,如何触发更改检测
以下是我在onPush变化检测策略上的不足之处 . 如果发生以下任一情况,则触发OnPush更改检测 在组件上收到绑定事件 . 输入已更新 . Async 管道收到了一个事件 . 手动调用更改检测 . 从上面的列表中, An input was updated 必须是引用更改,因此输入必须是不可变的 . 这是我的情景 . 我有父组件 Parent ,我订阅了一个observab... -
1 votesanswersviews
如何从组件中获取服务中的Observable的值并将其传递给我的视图?
我为此尝试了很多东西,似乎没有任何帮助 . What I'm trying to accomplish: 用户单击选择组件视图上的按钮 事件触发,在选择组件上调用 changePage() 这会在服务上调用 changePage() 并传入一个字符串 changePage() 在服务中更新 observable 在主要组件中,创建 subscription 并根据服务中的 Ob... -
18 votesanswersviews
Angular 2和Observables:'t bind to ' ngModel ' since it isn' t 'select'的已知属性
编辑:更新了Plunkr:http://plnkr.co/edit/fQ7P9KPjMxb5NAhccYIq?p=preview 这部分有效: <div *ngFor="let entry of entries | async"> Label: {{ entry.label }}<br> Value: {{ entry.value }} <... -
0 votesanswersviews
使用角度材质中的MdSnackBar将Angular 2置于Observable Loop中
当我的登录失败时,我想显示一个小吃吧,上面写着“错误连接” . 这很简单 . 但是我希望它在10秒后再次尝试,当它被解雇时或者在动作解散小吃店之后再次尝试 . 但我的observable立即运行,我被困在一个无限的可观察循环中,试图在失败后立即登录 . login.page.ts import { Component, OnInit } from '@angular/core'; import {...