问题标签 [angular13]

我下载了一个 Angular 12 项目，并尝试使用 Angular 13（最新版本）运行它。因此，当我尝试运行它时会遇到问题。即使我尝试使用 npm install，也会抛出一些依赖问题

使用运行时抛出的错误ng serve：

我尝试使用 npm install，但也抛出了一些其他错误：

请问有什么帮助吗？

我正在尝试 使用Jest在Angular 13中测试包含来自ng-bootstrap的组件的组件并得到以下错误：.Cannot access 'NgbNavLink' before initialization

我有一个使用NgbModal的组件MyComponent。我只想为这个组件创建测试，所以我需要在我的测试中导入NgbModule。但是，导入似乎不起作用，因为我收到以下错误：

这是我的测试课：

我正在使用Angular 13、ng-bootstrap 11.0.0-rc.0和bootstrap 4.6.1。我知道这些版本是最新的，但是我在服务或构建我的应用程序时没有收到任何错误。

最后，我正在使用jest 27.3.1。当我使用 Angular 时，我已经按照本文档配置了jest-preset-angular。

关于为什么我会收到此错误的任何线索？

我在严格模式下使用 Angular，我认为因为这是标准的方式，所以最好使用它并习惯它。我面临的问题是我的原始应用程序是 Angular 8 我将其更新为 Angular 13。我的原始应用程序具有绑定到对象的搜索区域，因为该对象具有未初始化的变量（null）文本框显示为空，例如：

...

因为“numberValves”没有初始化，我可以将它绑定到一个输入并且输入将为空，这对于初始页面加载来说是完美的。

现在使用严格模式我需要初始化对象

如何处理？

提交表单后，单选按钮未显示警告。但是在单击一次重置并提交表单后，将显示警告。请查看此https://streamable.com/oticww我也无法对电话和邮政编码施加最小和最大长度限制。当我尝试强加这些验证时，它的推送 null 错误。

组件.html

组件.ts

这是我第一次做这么复杂的事情。我有一个如下所示的表格。我想将Normaland绑定Overtime到组件属性HourlyDaysOfWork。例如，如果有人4.00在星期一正常字段中输入，则该值4.00应绑定到HourlyDaysOfWork > Monday > Normal

零件

HTML

我正在尝试通过选择器将组件中的位置变量绑定到商店中的另一个变量，其中 ngrx v13 有角度，但是当我将带有属性的变量放入 HTML 中时出现错误：

错误消息：“可观察”类型上不存在属性“名称”

那是我的代码：

应用程序选择器.ts

那是我的 AppState：

在我的组件中我写道： current-weather.component.html

在我的current-weather.component.ts我写

在将项目从 Angular 8 升级到 Angular 13 之后 main.js 没有在浏览器中缓存，这使得刷新比以前的版本需要更多的时间

如何使 main.js 缓存？

Angular 抛出以下错误：

“‘Object’类型缺少‘never[]’类型的以下属性：length、pop、push、concat 等 28 个。

this.movi​​es = 数据；"

我已经将“电影”变量更改为

但错误仍然出现

控制台日志（数据）

I have Angular 13 application and backend using ruby on rails. According to the Angular documentation https://angular.io/api/common/http/HttpClientXsrfModule#description, I should be able to simply use HttpClientXsrfModule for the XSRF protection. It has optional setting for cookieName and headerName. The problem is that in my case there is no CSRF cookie, the token is stored in the page header META tag. That's why I think that it's not possible to use HttpClientXsrfModule as documentation says.

Instead I'm going to implement a custom interceptor, however I have no idea how to get META tag value within Angular custom interceptor. https://angular.io/guide/http#intercepting-requests-and-responses

Please advice how can I get page header META tag value within Angular interceptor:

我们正在使用编译器中的这个函数compileModuleAndAllComponentsAsync来创建一个动态/运行时模块。

该编译器在 Angular v13 中已弃用。

有没有人有类似的（动态/运行时模块）用例并成功替换了CompilerAPI？