问题标签 [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 投票
1 回答
33 浏览

angular - 使用 ngFor 显示子项的角度问题

我有一些数据需要在组件 html 中显示,由文件夹名称和文件夹内的文件组成。

这是数据:

这就是我正在尝试的:

但我得到的结果是:

我需要的输出是:

我该如何解决这个问题才能正确显示?

0 投票
4 回答
5784 浏览

angular - Angular 11 tsconfig 路径别名无法识别

我正在使用 Angular 11 并尝试使用短导入import {smthg} from '@common',例如import {smthg} from '../../../common'

但我总是在 IDEA 中遇到错误:TS2307: Cannot find module '@common' or its corresponding type declarations.

尝试编译 .ts 文件时,控制台中出现同样的错误(ng serve

有趣的是,当我添加/index到导入时,IDEA 停止诅咒,但错误并没有在控制台中消失

tsconfig.json:

tsconfig.app.json:

想法错误: 想法错误

控制台 tsc 错误: 在此处输入图像描述

版本:

0 投票
1 回答
368 浏览

angular-reactive-forms - Angular11 NgbModal 通过脚本添加或删除模态窗口类

当包含的 ReactiveForm 被提交并且无效时,我想向 ngb-modal-window 元素添加一个 css 动画类。这样做的最佳做法是什么?

目前在我的onStationEditSubmit()方法中,我将提交的属性设置为 true 检查我的属性的无效属性stationEdit:FormGroup,如果它无效,我只需返回,但在这里我还想在无效时添加“摇晃”动画类。

注意:我还想确保如果第二次提交无效,我会删除并添加动画类,以便动画再次发生。

我确实有一个 ng-template 元素的 ViewChild ElementRef 传递给调用 open 方法的注入的 NgbModal 实例,但不知道是否可以使用它或从 NgbModal.open 调用返回的 NgbModalRef 来完成我的目标。

这是我的组件:

这是我的模板:

0 投票
3 回答
513 浏览

javascript - 如何在 Angular 11 中动态创建对象数组?

我正在尝试在 Angular 中动态创建对象数组。我有这段代码:

当我打印数组时,数组响应如下:

但是当我试图访问索引(arr [0],arr [1])时,响应是未定义的,arr的长度为零如何解决这个问题“?

0 投票
1 回答
67 浏览

angular - Angular 2+ (v11) 自动将 URL 中的片段哈希 (#) 编码为 %23

当 URL 中存在相应的哈希时,我的 Angular 应用程序必须自动滚动(仅 Y 轴)到某个组件。

例如url.com/page1#element1,应该使浏览器自动滚动到元素 1,自然地#element1在 HTML 标记内。

但不知何故,我的 Angular 应用程序自动将哈希 (#) 替换为 %23,它的 URL 编码版本。这导致我的应用程序无法识别 URL 中的任何片段(我this.activatedRoute.fragment.subscribe()用来获取片段值)的问题我尝试在代码中的任何地方进行检查,但我似乎无法找到问题的根源。有人对此有任何可能的解决方案吗?谢谢!

0 投票
2 回答
622 浏览

angular - 使用在同一模块上声明的 Angular 组件

假设我们在模块 M 中声明了一个组件 A,在同一个模块 M 中声明了另一个组件 B。我们可以通过组件 A 中的选择器调用组件 B 吗?

为了在 Angular 6 中精确,我在以前版本的 Angular 中做过类似的事情。

但我得到了错误

NG8001:“B”不是已知元素

在角 11

以下是文件夹结构

app.module.ts

应用程序路由.module.ts

home.module.ts

home.component.ts

home-footer.component.ts

home.component.html

主页-footer.component.html

错误信息

版本信息 :

0 投票
2 回答
96 浏览

angular - Angular 库组件在使用它的应用程序中导致引用错误

我收到以下错误:

未捕获的 ReferenceError:在初始化之前无法访问“SomeLibraryComponent”

我有一个库模块/工作区,我使用 package.json 依赖项创建并导入我的应用程序项目/工作区,并在我的应用程序主模块定义中导入。

在调查了堆栈跟踪后,我发现它是由于尝试初始化另一个组件“SomeParentLibraryComponent”的 ViewChild 而发生的:

模板文件'./some-parent.component.ts':

如何解决这个问题?为什么会这样?

我正在使用 Angular 11。应用程序项目(角度工作区 1)和库项目(角度工作区 2)都是使用 angular-cli 生成的

0 投票
2 回答
331 浏览

angular - 角度切换仅选定项目

我有一个动态创建的列表。单击时列表中的每个项目都会切换。

这是.html代码:

和 .ts 代码:

当我点击一个项目时,列表中的所有项目都会切换。

如何更改它以便只有单击的项目会切换?

0 投票
2 回答
6090 浏览

node.js - npm 错误!ENOMEM:内存不足,读取

在运行任何角度命令时,我收到此错误 > npm ERR!ENOMEM:内存不足,读取

有什么解决办法吗??

参考图片

0 投票
1 回答
137 浏览

firebase - Angular 11 - ng 使用 Firebase/Firestore/AngularMaterial 服务大约需要 7 分钟

我最近开始了一个新的 Angular 项目,目的是尝试使用 Firebase 身份验证和 Firestore。我还添加了一些有角度的材质组件,以及一个主题。我不确定 ng 服务何时开始变得非常缓慢,但我的最后一次构建耗时 406959 毫秒 -> 6.7 分钟。这并不能真正提高生产力。(这次好像也挺一致的)

我尝试将源映射设置为 false,但这似乎没有帮助。运行 'ng serve --verbose --no-progress' 显然有更多日志,但我似乎看不出明显有什么问题(我可能只是不知道我在找什么?)。我还尝试回滚 Angular CLI 以及删除节点模块并重新安装。

DedupeModuleResolvePlugin 有一些警告,但没有其他警告或错误,它最终会编译并运行。

任何关于寻找什么的指针将不胜感激。