由于API响应延迟，Angular 9 Ngif输出错误
。
Angular是一种流行的前端开发框架，用于构建Web应用程序。Ngif是Angular中的一个指令，用于根据条件来显示或隐藏DOM元素。
在这种情况下，由于API响应延迟，可能会导致Ngif指令输出错误。这意味着在API响应返回之前，Ngif指令可能会根据条件错误地显示或隐藏DOM元素。
为了解决这个问题，可以采取以下措施：
- 错误处理：在API请求中添加错误处理机制，以便在API响应出错时能够捕获并处理错误。可以使用Angular的HttpClient模块来发送API请求，并使用subscribe方法来订阅响应和错误。
- 加载状态：在API请求期间，可以显示一个加载状态，以便用户知道数据正在加载中。可以使用Angular的Ngif指令来根据API响应状态来显示或隐藏加载状态。
- 延迟加载：可以延迟Ngif指令的执行，直到API响应返回。可以使用Angular的异步管道（AsyncPipe）来处理延迟加载，确保在API响应返回之前不会执行Ngif指令。
- 缓存数据：如果API响应是可缓存的，可以考虑将数据缓存起来，以便在下次请求时可以直接使用缓存数据，而不需要再次发送API请求。
- 优化API性能：如果API响应延迟是由于API本身的性能问题引起的，可以考虑对API进行优化，例如使用缓存、使用更高效的算法或数据结构等。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（MySQL、MongoDB等）：https://cloud.tencent.com/product/cdb
- 腾讯云容器服务（Kubernetes）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全产品（WAF、DDoS防护等）：https://cloud.tencent.com/product/safety
- 腾讯云音视频处理（直播、点播等）：https://cloud.tencent.com/product/mps
相关·内容
如果这篇文章做得不好，我向你道歉。我对这里一无所知。因此，我已经组装了我的第一个SPA并进行了部署，但是由于第三方API的延迟响应，Ngif的使用给出了错误的输出。我正在利用'haveibeenpwned‘API来检索关于特定数据泄露的信息。问题是，由于延迟，如果漏洞确实存在，它仍然显示“没有找到漏洞！”首先，在实际显示适当的违规信息之前。我使用Ngif来检查响应数组是否为空，很明显，因为它将显示延迟响应，所以没有发现违规，因为输出数组一开始是空的。 我能不能在视图模板上不使用Ngif的情况下以另一种方式捕获它？所以我的代码如下： <div *ngIf="breachD
浏览 24提问于2020-11-01得票数 1
我无论如何都不能理解为什么我不能访问angular 6类上的属性。下面是一些代码：
@Component({
selector: 'admin-badge-component',
templateUrl: './badge.component.html'
})
export class AdminBadgeComponent implements OnInit {
// Badge Object
public badgeObject: IVisitorBadge = null;
// On Init
public n
浏览 0提问于2018-09-30得票数 0
我正在尝试使用延迟加载我的一个模块。
当导航到模块时，我会得到以下错误：
BrowserModule已经加载。如果您需要从延迟加载的模块访问公共指令(如NgIf和NgFor )，请导入CommonModule。错误: BrowserModule已经加载。如果需要从延迟加载的模块访问公共指令(如NgIf和NgFor )，请导入CommonModule。
我已经从我的项目中完全删除了BrowserModule 和 CommonModule ！，但是仍然会出现这个错误。也许其他一些模块还在使用它(@angular/material?)。
有什么建议吗？
浏览 4提问于2019-11-24得票数 0
2回答
您好，我正在使用Angular (4)，我有一个自定义的验证器，并通过ngIF显示它
inValid(fieldName: string) {
return (
this.form.get(fieldName).hasError('pattern') &&
this.form.get(fieldName).dirty &&
!this.required(fieldName)
);
}
我希望延迟return响应，以便用户有时间在显示错误(如果有)消息之前键入几个字符。name是有问题的字段的值。即firstNam
浏览 2提问于2017-07-28得票数 0
我正在访问一个在线API，并希望使用文本值填充ngb-typeahead下拉列表。Angular Bootstrap网站上有一个使用Wikipedia的，但从Wikipedia API返回的数据与我从地理编码API获得的数据不同。我得到的数据是这样返回的：
{
"suggestions": [
{
"text": "23 Queen Charlotte Drive, Aotea, Porirua, Wellington, 5024, NZL",
"magicKey": "dHA9MCNsb2M9NDMwN
浏览 1提问于2020-08-22得票数 1
2回答
我有一个ngIf条件来检查响应数据。当没有数据时，我得到一个空响应。如果为空，我想显示"No data Found“。我试过ngIf="!addresses"，但它不工作，我该如何处理呢？模板：
<div class="col-md-9 col-sm-9 col-xs-9 *ngIf="(!addresses )">
<div class="col-md-9 col-sm-9 col-xs-9">
No Data Found
浏览 0提问于2017-07-25得票数 0
我正在构建一个带有离子的应用程序，我注意到当我想将我的应用程序转换为apk时，像ion-header, ion-title, ion-list etc这样的离子元素在模式下停止工作。它在其他页面上工作，但在模态中除外。
以下是comment.module.ts的代码
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { IonicModule } from '@ionic/angular';
import { CommonModule } from '@ang
浏览 1提问于2020-08-07得票数 1
我有困难，嘲笑和测试我的角度应用程序。给定下面的文件，我总是会得到延迟未定义的错误。
我怎样才能用承诺正确地模拟API呢？如何测试API是否确实在运行，并将响应附加到$scope.data变量？
控制器
angular.module('app').controller('controllerOne', [
'$scope',
'API',
function($scope, API) {
$scope.init = function() {
$scope.data =
浏览 0提问于2015-09-19得票数 0
我正在开发Angular 8应用程序，它需要从Azure B2C获取令牌，然后调用.NET核心Web API。我正在关注教程。我已经创建了Azure应用程序，一个用于中间件(Web API)，另一个用于Angular。
当我从Angular点击'login‘时，我得到了重定向错误。
https://localhost/#error=redirect_uri_mismatch&error_description
我相信它确实在Web API应用程序重定向URL上犯了错误，如以下屏幕所示。我已经按照上述教程中的上述步骤进行了操作
Azure上的Web API应用程序
A
浏览 0提问于2020-03-02得票数 0
简短版本：
angular2 (目前为2.2.1)是否按照快速启动程序使用systemJS来处理两个延迟加载的模块，并提前编译？
较长版本：
我对angular2相当陌生，并且一直跟随着angular.io上的快速启动和附加文档来创建一个包含几个组件的简单站点，然后分离成通过路由加载的模块。
下面是：
我已经完成了所有的说明，我在aot文件夹中获得了‘node_ dist /..bin/ngc’-p tsconfig-aot.json‘命令的输出，在运行’node_build.js/..bin/ -c rollup‘命令之后，我的dist文件夹中有一个'build.js’文件。
我已经
浏览 1提问于2016-11-21得票数 4
回答已采纳
这个问题被问了很多次(没有延迟加载部分)，通常的答案是确保在有问题的module.ts文件中包含了CommonModule (前提是它不是一个语法问题)。这些问题有很多是没有答案的……我就是这样一个人，直到now....so我才能找到这个问题的答案，我无数次地提出这个问题，希望能得到一个不同于之前的答案，并为后来的人带来好处。
假设这是您的违规模块：
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsMod
浏览 0提问于2021-07-15得票数 0
1回答
在我的angular应用程序中，当用户单击主模式中的确认按钮时，我调用的是API方法，根据成功或失败响应，我必须显示成功或失败模式对话框。
但目前，只要用户单击确认按钮，就会显示成功或失败模式对话框，而不是像我在HTML中使用data-target和切换那样等待API方法的响应。
在google中，我可以看到下面关于javascript的答案，但不确定如何在Typescript中实现相同的结果。
我尝试了*ngIf="isSuccess"或*ngIf="isFailed"，但模式对话框不显示。
setTimeout(function() {
$('
浏览 1提问于2020-11-21得票数 0
2回答
基于条件的Mat图标显示
、、、
我有一个angular应用程序，它对第三方应用程序进行aPI调用，并返回json响应。我正在循环处理响应，并在表中显示数据。
<tr *ngFor="let item of job_list">
<td style="text-align:center">{{item?.ReleaseName}}</td>
<td style="text-align:center">{{item?.Source}}</td>
<td style=&#
浏览 8提问于2021-12-15得票数 0
回答已采纳
2回答
我可能在某个地方犯了一个愚蠢的错误，但我厌倦了到处寻找，不明白这个问题。我试图显示对表的api响应，但没有显示任何内容。
My在响应之后返回
[{"productId":1,"productName":"tomato","productPrice":200,"productQuantity":5,"catId":1},{"productId":2,"productName":"potato","productPrice":33,"
浏览 6提问于2020-03-16得票数 0
回答已采纳
2回答
我是Angular 6的新手，这就是我的问题。
在组件中：
ngOnInit() {
this.cols = [
{ field: 'col1', header: 'Column 1', filterMatchMode: 'contains' },
{ field: 'col2', header: 'Column 2', filterMatchMode: 'contains' },
浏览 12提问于2018-09-05得票数 0
回答已采纳
4回答
目前我正在使用IF，但例如在Vue.JS中有。在Angular中是不是有类似的东西？
<app-tabs-choice *ngIf="action.type == 'choice'"></app-tabs-choice>
<app-tabs-comment *ngIf="action.type == 'comment'"></app-tabs-comment>
<app-tabs-message *ngIf="action.type == 'message
浏览 0提问于2019-12-11得票数 0
我搜索了很多简单、简单、最重要的制作工具提示的方法，但我似乎找不到一个统一的方法。我试过使用ngbToolTip来完成这一操作，遵循ng引导中的文档，但它似乎不起作用。以下是我的HTML：
<div class="checkboxes" *ngFor="let to of todo">
<label id="checkbox-label">
<!--<input *ngIf="to.importance != 'non'" type="check
浏览 4提问于2017-03-25得票数 0
回答已采纳
有一个带有ag-grid的表单，即使基本网格正常工作，它在控制台中也会产生错误。
除非使用普通行模型，否则无法调用setRowData
因此，大多数api函数，包括清除不起作用。
<form [formGroup]="myForm" (ngSubmit)="search()" >
<button type="submit" class="btn btn-primary ripple">Search</button>
</form>
<div clas
浏览 1提问于2017-03-23得票数 9
回答已采纳
我从REST API接收Byte[]。我如何在我的前端Angular 9中显示这个ByteArray，它是一个文件图像，我试过这样做
<img *ngIf="logo" src={{logo.image}} alt="" width="50" />
但显然，它不起作用。
浏览 1提问于2021-05-11得票数 0
我在Rails后端使用带有restful控制器的ngResource工厂的angular。当发出post请求以创建新记录时，我的API以406响应作为响应，并使用如下结构的json响应：
{ success: false, errors ['error1', 'error2'], message: "record didn't save" }
问题是，当我从API返回406响应时，我在控制台中看到post请求错误，并且angular无法处理该响应。
类似于：
POST http://localhost:3000/api/widget/38
浏览 0提问于2014-06-11得票数 1
我正在使用@ngrx/store，在请求启动或返回错误时显示通知，并在请求成功时隐藏它。它按预期工作，我希望延迟初始通知，以便在请求迅速结束时不会显示它。我已经尝试过几个可以观察到的/主题操作符，它们都是随着时间而工作的：
使用delay和bufferTime消息 is null，这会导致<notification>中的错误
使用debounceTime不会显示初始消息，但是由于响应和错误都很慢，消息仍然是null
throttleTime只显示初始通知，并以缓慢的响应隐藏它。
如果没有这些*ngIf="(notification |async)"
浏览 0提问于2016-02-15得票数 2
回答已采纳
我有一个表单，正在使用响应式表单进行验证。我可以让所有的验证工作，除非我有一些输入是有条件的，即使它们没有使用*ngIf提供给视图，也仍然无法验证表单。只有当一个条件为真时，我才能说"Validators.required“。请参考示例。
constructor(
private QRService:QRService,
fb: FormBuilder
){
this.title = 'My Form';
this.showDeliveryTypes = false;
this.complexForm = fb.group
浏览 1提问于2017-04-03得票数 2
在我的项目中，我使用了angular的最新版本，我获取了一个API并得到了一些响应，所以我使用了*ngFor，并将数据显示在angular material中的template(HTML) mat-dropdown中。现在我的问题是在基于API响应的情况下，如何在文本前显示图标？
在我的API响应中，我有操作系统类型，基于操作系统，我必须显示这些图标。
*ngFor条件：
<mat-option
*ngFor="let item of activeItems">
<i *ngIf="hasIcon" class
浏览 28提问于2021-05-19得票数 0
我正在尝试使用模块和Ionic v4。该模块安装了npm。
创建一个新的空白项目，然后按照模块站点的安装步骤，我遇到了一些问题。首先，由于缺少了一些组件，我能够手动修改一些文件的导入，就像在这个中一样。
在那之后，我得到了另一个错误：
ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'ngIf' since it isn't a known property of 'div'. ("
<div [ERROR -&g
浏览 0提问于2019-04-29得票数 0
回答已采纳
我有四个选项卡，需要根据是否存在API响应来显示第四个选项卡。所以我使用了下面的代码。
<li *ngIf="notifications.length !=0">
<a data-toggle="tab">Notifications</a>
</li>
因此，这样做的问题是，如果存在通知响应，则在显示Notifications选项卡之前会有延迟。首先呈现其他选项卡，然后在短暂延迟后呈现通知选项卡。如何避免这种延迟，并在页面加载时显示所有四个选项卡？
浏览 27提问于2018-12-18得票数 0
我正在做响应式表单验证，我发现这个*ngIf在检查有效的电子邮件模式时有一个bug。当我们写了一封无效的电子邮件并在输入之外单击*ngIf for pattern check时，即使输入是有效的，也会始终返回。请查看演示视频。 Here's the Video of the bug please check .html <form name="form" [formGroup]="form">
<div class="form-group" [ngClass]="{'has-danger'
浏览 6提问于2021-04-24得票数 0
回答已采纳
我已经在上尝试过HTTPR角2和示例，它可以工作。
使用外部Web Api更新的代码
private headers = new Headers({'Content-Type': 'application/json'});
// private heroesUrl = 'api/heroes'; // URL to web api
private heroesUrl = 'http://localhost/WebApi2/api/hero'; // URL to web api
constructor(private htt
浏览 7提问于2017-02-18得票数 3
回答已采纳
1回答
有人能向我解释为什么我的ngIf在模式错误发生时应该激活时不能工作吗？
<div>
<form #myForm="ngForm">
<h1>Angular Calculator</h1>
<h4>Sum:</h4>
<input [(ngModel)]='add1' type="text" name="add1" size="5" pattern="^(0-9)*(/.(0-9)+)?$
浏览 1提问于2018-10-31得票数 1
回答已采纳
好的，我遇到的第一个问题是"ERROR TypeError:无法读取未定义的属性'FirstName‘“，所以我尝试在线寻找一个解决方案，但是找不到解决问题的方法。我尝试的是将*ngIf="user"添加到输入标记中，这似乎消除了web控制台错误，但似乎有一个输出html的问题，如下所示：
但是，应该是这样的：
我真的不确定，如果我设置正确的组件，我想知道如何解决这个问题？
sign-up.component.html
<div class="row">
<div class="car
浏览 0提问于2019-07-31得票数 0
回答已采纳
1回答
我正在一个Angular4应用程序中工作，在这里，我想显示基于API响应的图像，如下所示
在我的应用程序中，当用户单击产品时，产品名称将传递给API，API将返回与产品相关的图像。
在“产品详细信息”页面中，我显示的产品就像用户悬停在小图片上一样，它会显示大尺寸的图像。
这是我的HTML。
<div class="col-sm-5">
<div class="container" >
<img [src]="i_path" id="ProductImage" class="img
浏览 0提问于2018-04-06得票数 0
回答已采纳
我正在使用ionic 5构建一个移动应用程序，当我尝试调用其中包含*ng-If的ion-modal时，我会收到以下错误
Can't bind to 'ngIf' since it isn't a known property of 'ion-header'.
modal是comment.page.ts中的注释部分，下面是comment.page.html的代码
<ion-header class="ion-no-border" *ngIf="!isLoading">
<ion-toolba
浏览 2提问于2020-08-13得票数 3
当找不到search时，我试图在angular2中捕获错误，并显示有关该错误的消息。我想我设法做到了，但是当找到搜索时，错误消息仍然显示。
我不确定这是否是在angular2中捕获错误的正确方法，但是当在搜索过程中没有找到项时，错误消息会显示出来。
this._searchService.getProduct(queryString1)
.subscribe(data => {
if (data) {
this.productObj = data;
setTimeout(() =>
浏览 0提问于2016-08-17得票数 0
回答已采纳
我有2个兄弟组件，如果有成功的响应，我会显示API结果，如果有API错误，则会显示API失败错误消息。如果两个组件中都有API失败，我只需要显示一条API失败错误消息。我已经设法做到了这一点，我使用了一个服务来定义布尔值，并在组件中使用它们。然而，我想知道是否有更好的解决方案，比如使用输入、输出、EventEmitter或主题。
message.component.html
<div *ngIf="isTodosLoaded && !appService.isAPIError">{{ todos.title }}</div>
<di
浏览 1提问于2019-11-01得票数 0
我刚刚花了4个小时来解决下面的问题。
<ion-card *ngIf="user">
<ion-item>
<h2>{{user.FirstName}}!</h2>
<p>{{user.Company.Name}}</p>
</ion-item>
</ion-card>
<some-other-component></some-other-component>
user = {
First
浏览 0提问于2016-11-18得票数 3
我在以下component.html文件行的第2列收到此构建错误- NG 5002解析器错误:意外的标记"=“
<button id="asd" [disabled]="sendMail.Invalid" type="button" (click)="hideexampleMail()">
另一个地方我也得到了同样的错误，即
<div *ngIf="showExmapleMail"></div>
我正在将我的angular 8应用程序迁移到Angular 12。
有什么想
浏览 12提问于2021-05-24得票数 2
我有倒计时jQuery函数在我的Angular2 *ngIf，它是不工作的。我的console.log中没有任何错误，但是div是空的。它只是显示标题(h1)。这是我的代码: HTML
<div class="row" *ngIf="isDataAvailable"><h1>Dashboard</h1><div id="kodeCountdown"></div></div>
Angular2 TypeScript组件
ngOnInit() {
this.getDat
浏览 4提问于2017-02-04得票数 4
回答已采纳
我正在尝试将我的angular应用从8更新到9。不幸的是，这个应用似乎在一些页面上无限期地挂起/加载，没有任何错误，所以我不能真正地调试它。
当前选项卡变得无响应，我必须使用流程管理器将其关闭。
这是我之前的package.json
{
"name": "web-front",
"version": "1.0.3",
"scripts": {
"ng": "ng",
"start": "ng serve",
"
浏览 0提问于2020-05-27得票数 0
我有一个很傻的问题，但我自己做不出来。
我有一个Angular 2应用程序，它具有授权、API调用等功能。
当你加载一些内容时，假设你第一次加载mysite.com/users -一切正常。我得到api响应并呈现页面。
但是当你只是刷新页面时，你会再次得到api响应，javascript会按预期工作，但UI不会呈现任何动态内容(ngIf、ngFor等等)。
让它再次工作的唯一方法-返回主页，然后再次移动到旧页面。
你能让我知道在哪里可以找到针对这个问题的建议或指南吗？
浏览 3提问于2017-06-13得票数 0
回答已采纳
我正在用RxJS在Angular中编写一个实时搜索功能。我收到一些错误，因为管道:无法读取未定义的属性‘TypeError’。我使用的是Angular 7，并且我尝试了StackOverfloew中的不同代码示例，但无法解决此问题。
app.Component.html
<input type='text' class="form-control input-txt-start" placeholder="Search Domain Name" name="domainId" (keyup)='getSearchRe
浏览 1提问于2019-06-10得票数 6
回答已采纳
3回答
在呈现组件之前，我正在尝试从API加载一个事件。目前，我正在使用我的API服务，我从组件的ngOnInit函数调用该服务。
我的EventRegister组件：
import {Component, OnInit, ElementRef} from "angular2/core";
import {ApiService} from "../../services/api.service";
import {EventModel} from '../../models/EventModel';
import {Router, ROUTER_DIRE
浏览 4提问于2016-02-26得票数 173
回答已采纳
1回答
我有一个表单，一旦控件将类从ng-未动ng-原始ng-无效更改为ng-原始ng-无效ng-触摸，就会得到验证，但是如果我有一个具有更多控件的表单，那么我希望用户知道他/她错过了按钮提交的哪个字段。我如何使用angularJS2实现这一目标。我使用ReactiveFormsModule来验证控件
下面是我的代码：component
import { Component } from '@angular/core';
import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms
浏览 3提问于2017-02-06得票数 2
回答已采纳
如果用法包装在*ngIf指令中，则在模板中使用不存在的属性时，Angular AOT编译器不会失败。 例如，在本例中，custom没有定义属性property： <div *ngIf="condition">
{{ custom.property }}
</div> 为什么Angular编译器在这段代码上不会失败？有没有一种方法可以做到这一点？ 为了清楚起见，它会像预期的那样用以下代码失败： <div>
{{ custom.property }}
</div> 我目前正在考虑创建一个自定义的lint脚本，它将从代码中删除
浏览 15提问于2019-02-27得票数 0
回答已采纳
2回答
我目前正在玩角和Django Rest我之前开发的。API有一个端点，它返回当前登录用户的数量。
我能够在浏览器控制台中看到JSON响应，但我不知道如何显示它的值。
这就是我正在做的模板：
<div *ngIf="authService.isLoggedIn()" class="fa fa-user">{{ users_online }}</div>
其中变量users_online只显示[object Promise]。
这就是我如何从API中提取app.service.ts的值。
import {Injectable} from &#
浏览 1提问于2022-08-25得票数 -2
回答已采纳
1回答
平均堆栈API调用非常慢
、、、、
我们构建了一个普通的堆栈应用程序，在客户端一切正常，但在服务器端，API请求和响应非常慢。
例如。如果有来自angular的请求，请求需要6-8秒才能到达服务器端。
这在本地主机和托管服务器中都会发生
是否需要进行任何配置才能使请求和响应更快？
我们使用的是node 12、angular 8和apache
浏览 2提问于2020-05-18得票数 0
我正在尝试将instagram帖子嵌入到Angular2的组件中。开发人员显示了oembed的一个选项。但我似乎无法从jsonp调用中将响应返回到组件中。
import {Component, Init} from '@angular/core'
import {Jsonp} from '@angular/http'
@Component({
selector: 'my-app',
template: `...`,
})
export class App implements OnInit {
constructor(private
浏览 2提问于2016-07-13得票数 0
回答已采纳
我已经花了三天的大部分时间在这上面，我只知道这会是一件很愚蠢的事情。我让我的api调用工作了，我得到了一个响应，但是我的ngFor循环让我对这个错误感到头疼： ? 您可以在图片底部看到我的API正在返回一个数据包。我用标准的div测试了这个组件，这个div在主组件中加载了fin，所以我知道这不是一个问题。据我所知，尽管我使用了观察和订阅，但看起来ngFor循环正在尝试在数据从调用返回之前运行。以下是我的typescript文件： //joke.service.ts
import { Injectable } from '@angular/core';
import {
浏览 77提问于2021-02-10得票数 0
回答已采纳
我正在尝试实现一个api调用，它将是
如果有任何错误，请重试几次
在特定的时间延迟之后
如果返回的成功响应json有任何空字段，我将重试api调用。
我试图实现这里提到的-
下面是我的代码段
Api调用
delay = 5000;
retryCount = 5;
return this.httpClient.post(http://localhost:8080/info,JSON.stringify(data))
.pipe(
retryWhen(errors =>
errors.pipe(
浏览 16提问于2022-08-20得票数 0
回答已采纳
我正在使用一个带有Angular应用程序的内容服务。一些API查询返回的字符串包含在html标记中，例如。"<p>Example value from API</p>"。我需要解析这些字符串，并将它们作为html元素添加到DOM中。 如果我将API响应保存到question.body.value，然后执行如下操作： <div *ngIf="question">
{{ question.body.value }}
</div> 不解析html。相反，它只会生成如下所示的div (将包装<p&g
浏览 19提问于2021-04-29得票数 0
1回答
我有多个角度应用程序，它们都引用相同的GraphQL API (使用阿波罗)，并决定将API服务层迁移到共享库中。作为这个服务层的一部分，我导出了一个名为"ApiValidator“的验证函数，该函数用于触发表单中的错误状态。
它的工作方式是，每当从API中遇到错误时，响应就会将其注册到ErrorService单例中可观察到的对象。ApiValidator函数返回承诺，检查具有匹配的“字段”属性的任何错误，如果有，则返回错误。
但是，在迁移到库之后，验证器每次都会创建一个新的单例实例。这是因为我使用Injector.create和"useClass“来获得验证器中服务的引用。但
浏览 2提问于2020-12-13得票数 0
回答已采纳
我正试图将用户填写的表单作为json发送到我的api中。但是，因为它不是Json (我认为)，它在我的浏览器的控制台中返回这个错误：
415 (不支持媒体类型)
我已经在我的后端启用了CORS，同时我也收到了json [FromBody]，并且我非常肯定问题来自于角度代码。
这是我的表格：
<form [formGroup]="messageForm" (ngSubmit)="onSubmit(messageForm)" class="form-inline mt-2 mt-md-0">
<h5 *ngIf=
浏览 3提问于2019-03-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
