腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
带有角路由的rxjs可观测值、switchMap的初始化
、
、
我正在尝试构建一个angular-universal/e-commerce应用程序,我已经学到了很多东西,在过去的两天里,我开始使用RxJS和更频繁地使用可观察到的东西时,我碰到了一道砖墙。 现在我正在开发一个类别页面,因为ActivatedRoute可观测是一个例外,我不需要取消订阅--我想如果我在switchMap中进行HttpClient调用(与路由可观察性连接),我可以在某种程度上避免嵌套订阅,我对RxJS还不太熟悉,所以我不知道我是否遗漏了任何关键的内容,如果您看到任何可能出错的东西,请告诉我。 第一个问题是关于可观察到的初始化,当我使用 categoryProducts$: Obs
浏览 6
提问于2021-07-03
得票数 1
回答已采纳
1
回答
为什么angular 11异步管道不能通过延迟观察值稳定下来?
、
、
我通过angular 11中的异步管道订阅了一个延迟的观察者。 出于某种原因,更改检测(?)不会稳定,管道不会接收这些值,我不知道原因是什么?它显示的不是我的数据,而是null。 示例: html <h1>{{ getData(0) | async | json }}</h1> 组件 @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export
浏览 5
提问于2021-06-07
得票数 0
2
回答
将API数据从一个组件传递到另一个组件?
、
、
我正在学习全堆栈Angular4,并想知道如何才能从一个组件的get调用获得数据到另一个组件,这样我就可以用{data.name}将数据中继到html页面? 我尝试将组件导入到另一个组件中,然后将一个空对象设置到保存数据的component.data中,但我得到一个空对象作为响应。 我做错了什么? 更新: 我的共同服务: import {Injectable} from "@angular/core"; import {Http, Response, Headers, RequestOptions} from "@angular/http"; import {O
浏览 4
提问于2017-11-19
得票数 9
回答已采纳
1
回答
为什么在类级别初始化可观察到的RxJS管道时,ngOnInit中的管道没有执行?
、
、
、
当在类属性声明级别初始化可观察到的管道时,为什么ngOnInit中的管道在异步管道打开可观察到的包时不被触发? 我知道我可以在ngOnInit本身中进行初始化,但我只是想更好地了解RxJS流是如何工作的。我也知道我可以在subscribe()中调用ngOnInit,但这不是我的意图。 我尝试过添加一个假加载来“延迟”模板呈现,希望能够延迟异步管道,但它仍然不起作用。 构成部分: export class MyComponent implements OnInit { constructor( private dataService: DataService ) { }
浏览 3
提问于2022-07-13
得票数 0
2
回答
如何在使用可观察到的组件中发生更改后,再次从API中获取数据?
、
、
、
、
我有一个DataServive,它从API中获取内容: import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs'; import { map, catchError, retry } from 'rxjs/operators'; import { environment } from 'src/environments/env
浏览 1
提问于2018-09-25
得票数 0
回答已采纳
1
回答
在Ionic 2中为Observable.timer创建回调
、
、
我有一个创建倒计时的Observable.timer函数,当计时器在我的@组件中结束而不使用setTimeout()时,我想调用一个名为endTimer()的特定函数。我可以在视图中检查计数器== 0的值,但是如何签入@组件 import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams, ModalController } from 'ionic-angular'; import { Storage } from '@ionic/storag
浏览 1
提问于2018-03-26
得票数 0
1
回答
基于服务返回可观测性的负载指示器
、
这可能是个蹩脚的问题,但我对角度并不熟悉,对那些可观测到的东西我也不太了解。 我得到了一些代码,其中第二个选择的选项取决于第一个选择值。有一个refreshPeople()方法,它在第一个选择变更时调用,该方法尝试将加载设置为true,然后对数据进行异步调用,然后将加载设置为false。 但是refreshPeople()中的最后一个命令不是等待异步调用结束。:( 在angular2+中制作这类东西的正确方法是什么? 因此,模板是: Gender: {{gender}} <ng-select [items]="genders" (change)="r
浏览 3
提问于2020-08-21
得票数 0
回答已采纳
2
回答
Angular - reusing a component?
、
、
、
所以,这就是我的用例:我从rest API获取一个observable,然后通过在模板中使用async来获取数据。单击时,我将获得特定用户的ID,然后使用该用户的数据填写表单。为了实现后者,我重用现有的观察值并过滤数据,然后订阅它。我想知道我的方法是否正确,因为我认为当我点击“编辑”来填写表单时,应用程序太慢了,所以我猜我在这里创建了太多的订阅或诸如此类的东西? 另外,为了便于讨论,我创建了两个可观察对象(user和users),其中一个(user)获得了对另一个(users)的“引用”,然后它用async显示在模板中,同时我还订阅了它并将其设置为“常规”变量。这是一个问题吗?使用async显
浏览 0
提问于2017-11-05
得票数 0
1
回答
对模板上的属性使用异步管道
、
export class MyClass { data: MyData; constructor(private dataService: DataService) { this.dataService.getData().subscribe((myData) => { this.data = myData; }); } } 通过web服务成功地检索数据。MyData对象具有属性firstName,我希望使用异步管道在模板中表示该属性。 我试过 <input required [ngModel]=
浏览 2
提问于2017-11-15
得票数 3
回答已采纳
1
回答
在第一页加载中可观察到的未定义--提供了工作实现和非工作实现,查找原因
、
、
、
在服务构造函数中调用loadUserData()。但是,当第一次加载页面时,没有定义相关的可观察性。但是,当我从组件显式调用load函数时,它可以工作。这个服务是使用ModuleWithProviders接口与app.module.ts中的静态forRoot()提供的。如果我手动导航,然后返回到此页面,resumeData$可实现工作。而且我不需要从loadUserdata文件调用component.ts ()。我在这里错过了什么? 加载数据服务文件 import { Injectable } from '@angular/core'; import { AngularFire
浏览 3
提问于2020-05-21
得票数 1
3
回答
Angular2为什么是异步管道
、
、
我理解异步管道在可观察的基础上工作,并帮助我们为稍后将要出现的数据加载事务异步。 但是,我也可以不用异步来工作。以下是代码 组件 export class XComponent{ someProp: string; someList: string[]; someFn(){ this.someService.subscribe( data=>{ this.someProp = data.prop; this.someList =
浏览 4
提问于2017-03-23
得票数 3
1
回答
类型Fix[]上不存在选中的角度错误属性
、
、
、
我正在做一个角度材料类分配,其中我列出了一组维修服务和价格。用户可以检查他们想要的服务。用户单击Calculate,将弹出一个发票窗口,其中仅列出他们选择的服务和总额。我可以让我的列表出现,但我在抓取已检查的服务时遇到了问题。我使用服务中的一个观察值填充第一个列表。然后,我尝试使用管道和过滤器来抓取选中的项目。但在我的过滤器中,我得到了一个‘属性检查不存在于类型Fix[]’的错误。有人能帮上忙吗? 代码如下: fix.ts export interface Fix { id: number; name: string; price: string; checked: bool
浏览 20
提问于2019-09-09
得票数 0
回答已采纳
1
回答
角度,使用ngIf有问题,异步和可观察直到数据准备好显示内容
、
、
、
我对棱角不熟悉,我被卡住了。我似乎无法做到这一点,我想我只是在如何实现可观察到的方面犯了一些错误。目前,我使用一个本地json文件作为数据源,但在我的主要项目中,我将连接到一个外部API。我已经精简了一切,使它尽可能的基本,仍然没有运气。 这是campaign.component.ts import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; import { CampaignService } from '../
浏览 1
提问于2018-10-10
得票数 2
回答已采纳
1
回答
Range6-Employee: Observable<Employee[]>;控制台中的错误响应
、
、
、
、
我的代码: import { Employee } from './../employee'; import { Component, OnInit, Input } from '@angular/core'; import { EmployeeService } from '../employee.service'; import { map } from 'rxjs/operators'; import {Observable} from "rxjs"; import { Router, ActivatedRo
浏览 2
提问于2020-05-21
得票数 1
回答已采纳
1
回答
在我检查用户是否登录后,标头保持不变。
、
、
我目前在前端使用角11,在后端使用Express。我正在尝试获取一个用户登录,以便我可以显示正确的标题。登录后,浏览器将我重定向到主页,并在浏览器中设置cookie,但标题中没有任何更改。在我单击注销按钮后,cookie就会被移除,并且标头保持不变。我试着使用chrome工具调试它,并记录isLogded$变量,但是它一直向我显示它是未定义的。我想我对BehaviourSubject.做了些错事 我真的希望有人能帮我找出我的错误,因为我刚开始的时候是棱角分明的。 为了得到更好的解释,我会附上一些文件。 auth.service.ts import { HttpClient } from
浏览 1
提问于2020-12-10
得票数 0
回答已采纳
1
回答
在运行初始化代码之前,如何等待模板中的可观察性(使用异步管道)被订阅?
、
、
我有一个HTTP服务,它在将给定的项ID传递给它时返回一些信息。这是通过一个Subject完成的,它接收到了ngOnInit方法中的第一个数据。 然后,我使用async管道在HTML中显示服务返回的数据。 我的问题是,在使用第一个项目ID调用async时,selections.next管道还没有订阅可观察到的内容,因此初始化时不会显示这个条目。 如何等到async管道订阅了Observable之后,才向主题发送第一段数据以开始第一个HTTP请求? 我试过不同的,但似乎都没有用。 import { Component, OnInit } from "@angular/core";
浏览 2
提问于2017-10-27
得票数 1
回答已采纳
1
回答
从服务中从HttpClient获取JSON数据的角度不能正常工作
、
、
、
、
我正在尝试使用服务获取JSON数据的角度,并使用HttpClient使用get()方法获取数据。问题是,我使用的是诺言,函数返回的是一个包含它的值的承诺。 我在控制台中打印了值,它正在返回: ZoneAwarePromise {__zone_symbol__state: null,__zone_symbol__value: Array(0)}控件:(22) [{…]},{…},{…},{…},{…},{…},{…},} 以下是服务代码: import { Injectable } from '@angular/core'; import { HttpClient
浏览 8
提问于2022-06-23
得票数 0
回答已采纳
1
回答
如果数据在查看另一个组件时发生更改,则组件DOM不会更新
、
、
我有一个有几个组件的应用程序,每个组件都异步显示不同的数据。我使用routerLink在不同组件之间导航。 问题是,当组件A中的数据发生变化时,如果当前正在查看组件B,则当返回组件A时,DOM不会使用新数据进行更新( ngFor列表将继续显示test1、test2而不是接收到的数据)。但是,使用console.log,我可以在Dev工具中看到组件A在查看组件B时仍在接收数据。如果我在组件A中,当接收到新数据时,DOM被更新,新数据被正确显示。 在导航回组件时,我需要做些什么来确保DOM被刷新吗?我想我可能会检测到NavigationEnd并将数据分配给自己。我遗漏了什么吗? 谢谢,下面是代码:
浏览 0
提问于2019-02-09
得票数 0
回答已采纳
1
回答
不编译角迭代对象。
、
我正在尝试用动态搜索在Angular+RxJS中调整一个示例。 html: <header> <input type="text" [(ngModel)]="searchString" (ngModelChange)="inputChanged($event)" placeholder="Search"> <button (click)="searchString = ''">Clear</button> </header>
浏览 2
提问于2021-11-15
得票数 0
回答已采纳
2
回答
具有非空值的角度模板编译TS2531错误
、
在tsconfig.json中使用"strictNullChecks": true时,当我使用异步管道测试订阅初始化的可观察对象的同步值时,我得到一个TS2531错误(Object可能为'null'): import {Component} from '@angular/core'; import {Observable, of} from 'rxjs'; @Component({ selector: 'app-root', template: ` <div *ngIf=&
浏览 14
提问于2020-04-25
得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
最受欢迎的10大Angular技巧
NgRx 10引入组件本地状态管理包
前端三大框架大杂烩
前端三大框架vue,angular,react大杂烩
三大前端技术Angular和React和Vue再比较
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券