问题标签 [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.
node.js - Safari 中的访问控制来源不允许来源“http://localhost:8080”
对于我正在运行的 Angular 10 应用程序,当页面在 Safari 中加载时出现以下错误。(适用于 Chrome 和 Firefox)。
我尝试了以下解决方案来解决此问题。但它们似乎都不起作用。
- 在
server.ts
我设置标题如下: -
- 我还尝试了以下方法:-
- 我也试过这个,清除浏览器缓存和cookies。
这些似乎都不起作用。谁能帮我这个?
- 项目清单
angular - 在 Angular10 上使用自定义 webpack 遇到异常
随着 Angular10 升级,我在使用自定义 webpack 选项时遇到了异常(在 ng build --prod 期间)
这是我在 package.json 中的相关依赖项
关于可能出错的任何指示?
谢谢
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 中使用可选链?
autocomplete - Angular PrimeNg 使用自动完成并传递 REST 对象
我对 PrimeNg 自动完成有疑问:当我输入任何研究时,我会在输入文本中获得 [Object Object]。
首先,我有一个获取数据集的 API 调用:
它允许我正确检索我的数据(这里是一个示例):
现在我尝试处理我的 javascript 对象数组以过滤它们:
我在组件中定义了成员变量:
我将此代码添加到 HTML 模板中:
现在我尝试使用将显示在列表结果中的过滤方法:
angular - 使用 Angular 显示 JSON 文件中的数据
由于所有问题看起来都过时了,我在问这个问题。
首先我需要提一下,我在 4 天前才开始使用 Angular,所以请向你的孩子解释一切(或者类似的东西,哈哈)。
我目前尝试从 Flask Server 检索 JSON。
它有这种格式。
这些示例将缺少导入,因为它在测试时正常工作,现在数据应该来自服务器。
当我尝试使用 *ngFor 进行迭代时,会出现以下错误。
用于此的 HTML 是:
在我的 test.service.ts 中,它看起来如下。
在我的 tests.component.ts 中是这样的:
在试图弄清楚 2 小时后,我不知道该怎么做。
如果缺少什么,请告诉我。
干杯!
angular - 类字段中的 Angular 10 哈希是什么意思?
我习惯于在 HTML 模板中看到旧 Angular (< 10) 版本中的哈希,以将 DOM 元素声明为变量。
但在 Angular 10 中,我发现了在组件类中使用散列的示例。
谁能向我解释它是如何工作的?
angular - Formbuilder 嵌套验证
我在表单构建器中有表单构建器 - 嵌套。
我只想验证每个firstName
,middleName
和lastName
控件的name
控制,但我似乎无法name
控制我的salesForm
表单组。
我已经尝试过 get f() { return this.salesForm.name.controls; }
了,但没有成功。
这是我的 HTML 文件。
json - 如何在外部文件 conf 中服务 Angular 10 的外部化参数。json
我想从外部来源为我的应用程序检索属性
我正在寻找与 java 中 config.properties 相同的原则
配置文件
应用模块.ts
应用配置.service.ts
但在浏览器控制台中,我收到 2 个错误:
我曾多次尝试使用预览来查找文件位置的变化,但似乎没有任何效果
我的环境文件中只有这个
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
angular - 错误!无法读取未定义的属性“viewContainer”
我目前正在使用 angular 10,我想路由到两个不同的视图,并且出现了这个错误。我想要实现的是每当我单击特定按钮时,它都会显示视图。我为视图制作了两个不同的组件。
这些是依赖项:
应用模块.ts
应用程序路由模块.ts
请帮忙,我不知道该怎么做。
表格的已编辑 v2 HTML
这是我用于我的表的代码。之前,我使用 mat cell 但错误是一样的。如果我不使用 mat-table,错误将会消失。