问题标签 [angular10]

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 回答
177 浏览

node.js - Safari 中的访问控制来源不允许来源“http://localhost:8080”

对于我正在运行的 Angular 10 应用程序,当页面在 Safari 中加载时出现以下错误。(适用于 Chrome 和 Firefox)。

CORS 错误

我尝试了以下解决方案来解决此问题。但它们似乎都不起作用。

  1. server.ts我设置标题如下: -
  1. 我还尝试了以下方法:-
  1. 我也试过这个,清除浏览器缓存和cookies。

这些似乎都不起作用。谁能帮我这个?

  1. 项目清单
0 投票
1 回答
478 浏览

angular - 在 Angular10 上使用自定义 webpack 遇到异常

随着 Angular10 升级,我在使用自定义 webpack 选项时遇到了异常(在 ng build --prod 期间)

这是我在 package.json 中的相关依赖项

关于可能出错的任何指示?

谢谢

0 投票
1 回答
1139 浏览

typescript - Angular 10 和 ES2020 中的可选链接模块解析失败

刚刚从 9.0 更新到 Angular 10

现在,在我的代码中每次使用可选链接(https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining)都会导致它自己的以下错误实例

我确认此错误仅在我的 tsconfig.base.json 文件中按照以下针对 es2020 时发生,但在针对 es2019 时很好

我确认此错误发生在新生成的新 Angular 10 应用程序中,如下所示,然后将目标更改为 es2020(所以它不是我的代码!)打字稿版本是 3.9.7

我还注意到,在 es2020 的发行说明中,“可选链接”现在是一项新功能。这让我怀疑“可选链接”的 Typescript 编译不知何故没有与新的 es2020 功能结合?

如何在 es2020 中使用可选链?

0 投票
1 回答
662 浏览

autocomplete - Angular PrimeNg 使用自动完成并传递 REST 对象

我对 PrimeNg 自动完成有疑问:当我输入任何研究时,我会在输入文本中获得 [Object Object]。

首先,我有一个获取数据集的 API 调用:

它允许我正确检索我的数据(这里是一个示例):

现在我尝试处理我的 javascript 对象数组以过滤它们:

我在组件中定义了成员变量:

我将此代码添加到 HTML 模板中:

现在我尝试使用将显示在列表结果中的过滤方法:

0 投票
2 回答
156 浏览

angular - 使用 Angular 显示 JSON 文件中的数据

由于所有问题看起来都过时了,我在问这个问题。

首先我需要提一下,我在 4 天前才开始使用 Angular,所以请向你的孩子解释一切(或者类似的东西,哈哈)。

我目前尝试从 Flask Server 检索 JSON。

它有这种格式。

这些示例将缺少导入,因为它在测试时正常工作,现在数据应该来自服务器。

当我尝试使用 *ngFor 进行迭代时,会出现以下错误。

用于此的 HTML 是:

在我的 test.service.ts 中,它看起来如下。

在我的 tests.component.ts 中是这样的:

在试图弄清楚 2 小时后,我不知道该怎么做。

如果缺少什么,请告诉我。

干杯!

0 投票
1 回答
155 浏览

angular - 类字段中的 Angular 10 哈希是什么意思?

我习惯于在 HTML 模板中看到旧 Angular (< 10) 版本中的哈希,以将 DOM 元素声明为变量。

但在 Angular 10 中,我发现了在组件类中使用散列的示例。

谁能向我解释它是如何工作的?

0 投票
2 回答
158 浏览

angular - Formbuilder 嵌套验证

我在表单构建器中有表单构建器 - 嵌套。

我只想验证每个firstName,middleNamelastName控件的name控制,但我似乎无法name控制我的salesForm表单组。

我已经尝试过 get f() { return this.salesForm.name.controls; }了,但没有成功。

这是我的 HTML 文件。

0 投票
0 回答
217 浏览

json - 如何在外部文件 conf 中服务 Angular 10 的外部化参数。json

我想从外部来源为我的应用程序检索属性

我正在寻找与 java 中 config.properties 相同的原则

配置文件

应用模块.ts

应用配置.service.ts

但在浏览器控制台中,我收到 2 个错误:

我曾多次尝试使用预览来查找文件位置的变化,但似乎没有任何效果

我的环境文件中只有这个

0 投票
2 回答
1003 浏览

angular - 无法以角度正确导入 fireStoreModule

运行角度项目时出现此错误

这可能意味着声明 AngularFirestore 的库(@angular/fire/firestore)没有被 ngcc 正确处理,或者与 Angular Ivy 不兼容。检查 ngcc 是否正确处理了 then 的较新版本,或者与 Angular Ivy 不兼容。检查是否有更新版本的库可用,如果有则更新。还可以考虑与图书馆的作者核实,看看图书馆是否应该与 Ivy 兼容

我刚刚从这里读到这一行https://github.com/angular/angularfire/releases

AngularFirestoreModule 不再自行导入 firebase/firestore 以保持无副作用,您需要自行导入“firebase/firestore”

这是什么意思我怎样才能成功运行项目?

以下是我的 package.json,我使用的是最新的 Angular 版本 10,@angular/fire":version 是 6.0.2

实际上我最近更新了我的项目,但在以前的版本 9 中,firestore 似乎没有工作..!!

下面是我用来更新项目和使用 firebase 的一堆命令

链接https://www.npmjs.com/package/@angular/fire

最后一次我做到了npm update

然后删除 package-lock.json

然后运行命令npm i

以下是我的应用程序 module.ts

如果我评论此导入,则项目运行正常,但如果我取消注释此导入,则会出现错误。

编辑-1

现在我的 package.json 看起来像

刚刚做了npm uninstall @angular/fire

然后做了npm i @angular/fire

然后做了npm update

已删除package-lock.json

又做了npm i

0 投票
1 回答
1750 浏览

angular - 错误!无法读取未定义的属性“viewContainer”

我目前正在使用 angular 10,我想路由到两个不同的视图,并且出现了这个错误。我想要实现的是每当我单击特定按钮时,它都会显示视图。我为视图制作了两个不同的组件。

这些是依赖项:

应用模块.ts

应用程序路由模块.ts

请帮忙,我不知道该怎么做。

表格的已编辑 v2 HTML

这是我用于我的表的代码。之前,我使用 mat cell 但错误是一样的。如果我不使用 mat-table,错误将会消失。