问题标签 [angular11]

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 投票
0 回答
490 浏览

javascript - 如何在以角度重定向到外部 url 时传递 cookie?

单击按钮时,我需要在新选项卡中打开一个链接(例如https://angular.io/)并使用 url 传递 cookie。我可以在新标签中打开链接,但如何传递 cookie。

0 投票
2 回答
853 浏览

angular - Angular 11 通用类型'HttpRequest' 需要 1 个类型的参数。ts(2314)

我正在练习 Angular JWT 身份验证和授权。这是我的auth.interceptor.ts文件:

我从HttpRequest(第 10 行)收到此错误

为什么我会收到此错误?任何解决方案?

0 投票
1 回答
3113 浏览

angular - Angular11 测试:ReferenceError:未定义 ResizeObserver

ResizeObserver在我的组件中使用它并且工作正常。但是在运行 ut 时会出现这样的错误:

我使用 TestBed 创建组件:

我不明白为什么会出现这个错误,我只是新建了一个对象。

ts版本

谢谢你的帮助!

0 投票
1 回答
279 浏览

frontend - 保存时未编译 HTML、SCSS - Angular 11.0.2

我将我的应用程序升级到Angular cli ^11.0.2最近,从那时起,即使在运行时,我的HTML 和 SCSS 更改也不会在保存时编译ng serve。我必须保存相应的 ts 文件才能编译 html 更改。我在Github上看到了一个相关问题,但没有适当的解决方案(这里)。这是因为ivy发动机吗?还是我错过了任何特定 npm 包的任何更新?

0 投票
2 回答
454 浏览

node.js - Angular 11 编译目标 es5 导致 JavaScript 堆内存不足问题

最近升级到 angular 11 并在我的 gitlab 管道中运行 npm test 时偶然发现了一个问题,问题仅在运行 npm test 时,npm build prod 似乎工作正常。

以下有关环境的信息。

部署映像具有节点 14 LTS

角度 CLI:11.0.5

目标:es5

我尝试使用更多内存运行 ng test,但没有帮助

节点 --max_old_space_size=5000 ./node_modules/@angular/cli/bin/ng 测试 --code-coverage

注意到将目标更改为 es2015 或 es6 npm test 似乎有效,但我不想进行此更改会导致我的应用程序中的一些其他功能中断。

这是错误的屏幕截图: 错误

0 投票
1 回答
129 浏览

angular - 对象可能未定义?

我不明白为什么我在 this.selectedBugReport 上收到“对象可能未定义错误”。我确保它不能是未定义的并将结果存储在一个常量中。但这对 Angular 来说是个问题吗?

错误

没有错误

如果重要的话,我正在使用 Angular 11 和 WebStorm IDE。

更新:

这是使其工作的最佳实践技巧(对于更复杂的情况以避免 100 多个 if 语句)?

0 投票
0 回答
29 浏览

angular - 如何在路由模块中获取路由参数?

如何在同一个路由模块中获取 id 的值?

0 投票
1 回答
1199 浏览

angular - 用于删除行的 ESLint Lint 缩进配置

因此,随着 Angular 11 弃用 TSLint,我切换到了 ESLint(目前对它不太满意)。
现在我有这个烦人的间距问题,我正在尝试在 .eslintrc.js 配置中解决。

拿这几行代码(这是我拥有的,也是我想要保留的):

您看到较长消息的删除线后的缩进吗?我想保留它。但是 ESLint 正在删除它。
ESLint 使它看起来像这样:

看?没有缩进。这更令人沮丧,因为(我使用 prettier 进行格式化)我的格式化程序会将空间添加回来。

我试图找到切换规则/配置会在超出宽度限制时删除行时添加缩进。
任何帮助,将不胜感激!

我的缩进规则是:"@typescript-eslint/indent": ["error", 2],
这是我的整个 .eslintrc.js 配置文件:

0 投票
2 回答
154 浏览

angular - 导航到锚点,保留查询参数并且不重新加载页面

我当前的网址是:/home/project?id=3,我想在不重新加载页面的情况下转到/home/project?id=3#anchorTest。所以基本上我想向下滚动到锚点。如何最好地做到这一点?

也失败了:

另外,当我再次单击它时,我不想要这个网址,当然只想要一个锚点:/home/project?id=3#anchorTest#anchorTest

这给出了 404:

这只能工作一次(因为第二次调用时 url 是相同的)

0 投票
1 回答
252 浏览

angular - Angular 11:格式化日期始终设置为 1970

升级到 Angular 11 后,日期管道不再正确显示。如果我尝试

但相反它显示

是否有任何破坏性更改会阻止正确转换?还是我需要额外设置一些东西?