angular 相关问题

角度形式的自定义类型

我努力寻找解决方案好几天了，但没有成功。 我使用 Angular Formly、Angular Material 和 Angular 17 将 mat-select 制作为自定义类型。当我使用 mat-select con...

将 .mat-column-name 样式应用于 Angular Material 中的子组件

子组件包含一个 Angular 材质表，该表是根据作为输入传递的列创建的： 子组件包含一个 Angular 材料表，该表是根据作为输入传递的列创建的： <table mat-table> <ng-container *ngFor="let col of columns" [matColumnDef]="col"> </table> @Input() columns: string[] 父组件提供列定义。然而，我能影响 f.e. 的唯一方法是mat table column width 是通过设置样式表 .mat-column-col-name { width: 10px } 如何从父组件设置mat-column width？列的名称是父级已知的，可以在其样式表中定义。我强烈希望避免任何 encapsulation: none，因为子组件位于我开发的库内。将样式传递为 @Input() 将是最好的解决方案。 我们可以使用 ::ng-deep 使样式从父级到子级可见，就像这样 :: ng-deep .mat-column-col-name { width: 10px } 如果您不喜欢::ng-deep，我建议向包装子.wrapper-class的父元素添加一个类，然后转到角度全局样式文件styles.scss或global-styles.scss并应用样式，这会将样式范围限制为仅此类元素及其子元素，该文件将位于 src 文件夹中！ .wrapper-class .mat-column-col-name { width: 10px } 家长： <div class="wrapper-class"> <child-component/> </div>

角度强类型反应形式

我希望重构 Angular 项目中的大量组件，以具有强类型 FormGroup、FormArray 和 FormControl。 我只是在寻找一种实现强类型的好方法

不同选项卡中的相同高图表未加载 - 仅第一个选项卡加载

我正在尝试使用选项卡更改上的不同数据更新相同的图表。 所以我的父组件具有这种形式的子组件 app-chart-metric-view 。我已经包含了选项卡事件检测...

如何设置角度材料分页器的长度属性

这就是我的垫分页器的样子： 基本上我正在尝试实现一个典型的分页IDE...

我们可以在Nx 18.2.0上使用角度18吗

根据文档，Nx的最新版本是18.2.0，兼容Angular 17.3.0。然而，目前还没有专门针对 Angular 18 的新 Nx 版本。 可以吗...

如何在 Angular Material 中不使用绝对位置的情况下将 mat-list-items 推到底部？

我刚刚开始使用 Angular Material，我想实现 sidenav 以将项目置于页面底部。现在我可以用 css 来完成它。 位置：绝对； ...

Angular 18 公共文件夹资源参考

问题 使用新的 @angular/cli@18 包生成工作区后，我无法确定如何引用放置在 /public 文件夹中的图像资源。 这似乎不是@的问题

添加或编辑任务时如何检索完整对象，而不仅仅是 ID

我正在开发一个任务管理系统，其中任务具有关联的联系人和子任务。当我添加或编辑任务时，系统目前仅返回联系人的 ID 和字符串值...

哪种类型的注入器注入ViewContainerRef或ElementRef？

我读了几篇关于 Angular 中两种类型的注入器层次结构的文章 - ElementInjector 和 EnvironmentInjector 层次结构，以及它们提供什么类型的依赖项，以及如何...

哪个注入器注入ViewContainerRef或ElementRef？

我读了几篇关于 Angular 中两种类型的注入器层次结构的文章 - ElementInjector 和 EnvironmentInjector 层次结构，以及它们提供什么类型的依赖项，以及如何...

我的 Angular 项目使用的是哪个 Material Design 版本？

自从最近发布了 Material Design 3 以来，Angular Material 正在努力尝试切换到它。 问题是我想继续使用 Material Design 2，因为大多数按钮都有问题...

我应该在 Angular 17 中的哪里编写我的验证器？

我正在使用 Angular 17，我需要为我的反应式表单编写一些自定义验证器。我本来打算将它们写在声明我的表单的组件中，但我知道这些验证器是......

Angular 订阅 HTTPClient Observable，报错 req.url.toLowerCase is not a function

我正在使用一项服务从网址检索数据，我正在另一个组件中使用该服务来在前端显示数据... 我的服务： getHttpData(baseurl, 前缀?, 后缀?, startTime?, en...

了解表单上检查的内容并像 POS 一样在其上添加价格的最佳方法是什么？ [角度/TS]

如果我要计算添加到购物车或其他东西的东西，除了许多 if 语句之外，最好的方法是什么 形式 酸体：假 酸性玻璃：假 沥青去除： false 天花板详细信息： false

在 Angular 中，子组件不理解父组件的 CSS

在 Angular 17 中，我有一个带有类包装器的 div-my .wrapper-我的{ 显示：柔性； 弹性方向：列； 对齐项目：弹性开始； 自我对齐：拉伸 宽度：100% } 。我的课 { 宽度：

握手失败；返回 -1，SSL 错误代码 1，net_error -202 Android Studio 中的错误

我正在使用 Web Angular 应用程序中的 Capacitor/android 制作 Android 应用程序，该 Web 应用程序工作正常，但是当我在 Android 中运行该应用程序时，会出现以下错误 [错误：ssl_client_socket_im...

Angular Material 18：mat.define-palette() 导致“未定义函数”错误

将 Angular 核心库升级到版本 18 后，我通过运行以下命令迁移到 Angular Material 18： ng 更新@Angular/Material 更新进行得很顺利，但是当我尝试编译我的应用程序时，我得到了......

角度测试，socket.io“NullInjectorError：没有 WrappedSocket 的提供者”

我正在 Angular 上运行测试，但使用 ngx-socket-io 的套接字服务失败了。它适用于开发，但不适用于测试。它没有正确创建组件。 测试失败...

使用 Angular 17 在应用程序中进行国际化的最佳方式是什么？

我目前正在使用 Angular 17 开发一个新应用程序，但在新的 Angular.dev 中找不到任何有关 I18n 的文档 我不知道是否应该使用 ngx-translate。 我还没有尝试过任何东西，...