问题标签 [angular13]

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 投票
2 回答
1866 浏览

angular - 发生未处理的异常:不支持:关键字“id”,使用“$id”作为架构 ID

运行时ng deploy出现以下错误:

错误的完整日志如下:

我按照这里ng add @angular-eslint/schematics@next的建议尝试了,但没有奏效。我使用的版本如下:

有什么建议么?

0 投票
3 回答
672 浏览

express - Angular 13 不适用于 @nestjs/ng-universal,但可以正常使用 @nguniversal/express-engine

我最近安装了 angular 13 并尝试安装 @nestjs/ng-universal

ng 添加@nestjs/ng-universal

这适用于以前的角度版本,但我成功安装了 Package然后出现此错误:

angular-errors.log 文件中的完整错误是:

当我查看 Angular 项目文件时,没有任何改变,服务器文件也没有设置。我尝试创建不同的角度项目只是为了查看我的角度项目是否没有正确选择然后再次添加ng add @nestjs/ng-universal 并且仍然得到相同的结果。

为了进行测试,我尝试使用ng add命令安装@nguniversal/express-engine ,并且安装正确,没有任何问题,并且一切设置正确。

安装过程中是否有任何变化;难道我做错了什么; 还是尚不支持Angular 13?

请帮忙。

0 投票
1 回答
580 浏览

angular - Angular 13 指令 viewContainerRef.createComponent 将对象传递给创建的组件

下面的代码在 Angular 13 中动态创建组件

指令:

app.component.html

app.component.ts

我还需要将一个对象传递给创建的组件,这是一些将由创建的组件使用的额外信息。

我怎样才能做到这一点?

0 投票
2 回答
5436 浏览

angular - TypeError:无法读取未定义的属性(读取“匹配”)

我已将 Angular 应用程序从 12 升级到 13 版本。我在单元测试运行期间开始收到此错误。

我尝试了这个解决方案,但没有奏效。

您有任何解决方法的想法吗?它与Angular版本升级有关吗?

0 投票
1 回答
367 浏览

angular - 如何在 Angular 13 中使用 RxJS 7 为 lastValueFrom() 设置超时配置?

来自RxJS开发团队的引述:

为了解决所有这些问题,我们决定弃用toPromise(),并引入两个新的辅助函数来转换为 Promises。

使用两个新功能之一

作为不推荐使用的 toPromise()方法的替代,您应该使用两个内置静态转换函数之一firstValueFromlastValueFrom....

在我的情况下,我向服务器发送一个获取请求以检查服务器是否可用。main 函数(在本例中为ngOnInit())在 HTTP 响应或错误返回之前不会更进一步。

本文的这一部分,他们建议将 a 添加timeoutlastValueFrom()函数中,应将其添加为 config config?: LastValueFromConfig<D>

我的代码:

如何设置此配置并将其传递给函数?

0 投票
1 回答
1678 浏览

angular - 项目根目录中的 .angular 目录是什么?

根据文档,没有所谓的.angular被视为。然而,在我的项目中,我立即在项目的根目录中获得了该目录(与例如package.json处于同一级别)。

它以前不存在,因为我的.gitignore会对其咆哮。目前,我正在试用最新的 Angular 版本 13.0,我得出结论认为它是该工具的新增功能。可能是一些临时的东西,因为它的内容如下。

  • .angular/cache/angular-webpack
  • .angular/cache/babel-webpack

谷歌.angular 目录点什么是毫无意义的,我得到的唯一(半)相关命中是上面链接的文档。

.angular目录是怎么回事,我需要关心(和/或版本控制)吗?

0 投票
2 回答
649 浏览

angular - Worker 由于达到内存限制而终止:JS heap out of memory

将我的 angular 10 升级到 angular 13 后,使用命令后出现此错误ng serve

已经尝试增加 Node 的内存限制并安装最新版本的 Node。

我的节点版本是 v14.18.1,我的 npm 版本是 6.14.15。角度 12 或 11 不会发生此问题。

0 投票
1 回答
98 浏览

angular - Angular 从 json 读取组件名称并将“this”添加到名称中

我正在尝试从 json 文件中获取组件的名称,并通过添加'this'到其名称的方法。

方法:

用法示例:

预期输出为:

当我尝试:this.[name]

我得到了预期的标识符。

我怎样才能解决这个问题?

0 投票
1 回答
77 浏览

angular - 来自 json 文件的 Angular Load 组件列表

我正在使用 Angular 13,我正在寻找一种通过从 json 文件中读取组件名称来加载列表或组件的方法。

例如..我有一个 json 文件,其中包含要加载到我的 app.component.html 中的组件的名称

然后在一个 for 循环中,我会加载两个组件。

app.component.html

我怎样才能在 Angular 中做到这一点?

0 投票
2 回答
475 浏览

angular - 从 Angular 13 开始,SCSS @use 语句中的波浪号 ~ 不再解析为 node_modules

将 Angular 12 项目升级到 Angular 13 后,我遇到了一个问题,即 SCSS 不再在库中定位共享样式表。波浪号 (~) 似乎不再解析为 node_modules。

破碎的: @use '~my-angular-lib' as lib;

作品: @use '../node_modules/my-angular-lib' as lib;

我注意到从 Angular 13 开始,角度材料只是直接引用“@angular/material”,但我不知道如何让它与我的库一起使用。每次都使用 mode_modules 的相对路径似乎有点 hacky。

目前在 node_modules 中引用样式表的最佳方法是什么,或者我错过了什么 ~ 不再指向 node_modules?