问题标签 [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.
angular - 使用 ngFor 显示子项的角度问题
我有一些数据需要在组件 html 中显示,由文件夹名称和文件夹内的文件组成。
这是数据:
这就是我正在尝试的:
但我得到的结果是:
我需要的输出是:
我该如何解决这个问题才能正确显示?
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:
版本:
angular-reactive-forms - Angular11 NgbModal 通过脚本添加或删除模态窗口类
当包含的 ReactiveForm 被提交并且无效时,我想向 ngb-modal-window 元素添加一个 css 动画类。这样做的最佳做法是什么?
目前在我的onStationEditSubmit()
方法中,我将提交的属性设置为 true 检查我的属性的无效属性stationEdit:FormGroup
,如果它无效,我只需返回,但在这里我还想在无效时添加“摇晃”动画类。
注意:我还想确保如果第二次提交无效,我会删除并添加动画类,以便动画再次发生。
我确实有一个 ng-template 元素的 ViewChild ElementRef 传递给调用 open 方法的注入的 NgbModal 实例,但不知道是否可以使用它或从 NgbModal.open 调用返回的 NgbModalRef 来完成我的目标。
这是我的组件:
这是我的模板:
javascript - 如何在 Angular 11 中动态创建对象数组?
我正在尝试在 Angular 中动态创建对象数组。我有这段代码:
当我打印数组时,数组响应如下:
但是当我试图访问索引(arr [0],arr [1])时,响应是未定义的,arr的长度为零如何解决这个问题“?
angular - Angular 2+ (v11) 自动将 URL 中的片段哈希 (#) 编码为 %23
当 URL 中存在相应的哈希时,我的 Angular 应用程序必须自动滚动(仅 Y 轴)到某个组件。
例如url.com/page1#element1
,应该使浏览器自动滚动到元素 1,自然地#element1
在 HTML 标记内。
但不知何故,我的 Angular 应用程序自动将哈希 (#) 替换为 %23,它的 URL 编码版本。这导致我的应用程序无法识别 URL 中的任何片段(我this.activatedRoute.fragment.subscribe()
用来获取片段值)的问题我尝试在代码中的任何地方进行检查,但我似乎无法找到问题的根源。有人对此有任何可能的解决方案吗?谢谢!
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
错误信息
版本信息 :
angular - Angular 库组件在使用它的应用程序中导致引用错误
我收到以下错误:
未捕获的 ReferenceError:在初始化之前无法访问“SomeLibraryComponent”
我有一个库模块/工作区,我使用 package.json 依赖项创建并导入我的应用程序项目/工作区,并在我的应用程序主模块定义中导入。
在调查了堆栈跟踪后,我发现它是由于尝试初始化另一个组件“SomeParentLibraryComponent”的 ViewChild 而发生的:
模板文件'./some-parent.component.ts':
如何解决这个问题?为什么会这样?
我正在使用 Angular 11。应用程序项目(角度工作区 1)和库项目(角度工作区 2)都是使用 angular-cli 生成的
angular - 角度切换仅选定项目
我有一个动态创建的列表。单击时列表中的每个项目都会切换。
这是.html代码:
和 .ts 代码:
当我点击一个项目时,列表中的所有项目都会切换。
如何更改它以便只有单击的项目会切换?
node.js - npm 错误!ENOMEM:内存不足,读取
在运行任何角度命令时,我收到此错误 > npm ERR!ENOMEM:内存不足,读取
有什么解决办法吗??
firebase - Angular 11 - ng 使用 Firebase/Firestore/AngularMaterial 服务大约需要 7 分钟
我最近开始了一个新的 Angular 项目,目的是尝试使用 Firebase 身份验证和 Firestore。我还添加了一些有角度的材质组件,以及一个主题。我不确定 ng 服务何时开始变得非常缓慢,但我的最后一次构建耗时 406959 毫秒 -> 6.7 分钟。这并不能真正提高生产力。(这次好像也挺一致的)
我尝试将源映射设置为 false,但这似乎没有帮助。运行 'ng serve --verbose --no-progress' 显然有更多日志,但我似乎看不出明显有什么问题(我可能只是不知道我在找什么?)。我还尝试回滚 Angular CLI 以及删除节点模块并重新安装。
DedupeModuleResolvePlugin 有一些警告,但没有其他警告或错误,它最终会编译并运行。
任何关于寻找什么的指针将不胜感激。