angular 相关问题

Angular19 应用程序仅在 Iphone 设备上显示空白页面

您好，感谢您的阅读 我有一个 angular19 网站，可以在 PC 和 Android 设备上正常运行。然而，在某些 iPhone 设备上，它不显示任何内容，而是显示空白页面。 有什么反馈吗？

在AppRoutingModule中使用loadChildren和loadComponent一起进行延迟加载

我正在使用带有模块和独立组件的 Angular 18。 在我的 AppRoutingModule 中，我想使用 loadComponent() 和 loadChil 延迟加载我的独立组件以及模块...

Alfresco - PUT 或 DELETE http 调用时出现错误 403

我已经使用 docker 安装了 Alfresco Community 7.3，并且正在使用 Angular 开发前端应用程序。 它使用 Tomcat Web 服务器。当我尝试执行 PUT 或 DELETE http 调用时，服务器发送 ba...

Angular - 对 rxResource() 中的变化做出反应

当 rxResource 接收到 .value() 而不是使用 Effect() 时，如何对更改做出反应/执行副作用？ 组件中的当前方法： 构造函数（）{ this.service.setItemId(1); //se...

Angular 17 未发布，我在开发控制台中收到 TypeError

我正在遵循 Angular 中的图像上传教程，但每当我发布表单时，我都会在 Chrome 开发控制台中收到此错误 TypeError：FormData.append 的参数 2 ('blobValue') 必须是一个实例...

用于社交共享的动态元标签 Angular 6+ 通用

我想这个问题已经被问了太多次了，因为我已经浏览了几乎所有与此相关的可能问题。 我的需求简化：我想创建社交分享按钮...

Angular 嵌套路由：导航未使用 RouterLink 进行更新

我有一个路线配置 { 路径：“仪表板”， 组件：UserDashboardPageComponent， 标题：'xyz'， 孩子们： [ { 小路： ''， 组件：DashboardSummaryComponent， ...

firebase云函数发布请求正文

我正在从这样的角度形式发出http请求： this.http.post(this.endPoint, formData, { responseType: 'text' }).subscribe( 资源 => { 控制台.log(res); } ） 而我...

无法将 CloudFlare Domain 与运行多个 Docker 映像的 AWS EC2 连接

我已从 CloudFlare 购买了域名 example.com。在 Cloudflare 中设置证书和私钥。 2 个 docker 镜像在 EC2 的不同端口上运行，Flask Hello Word 在端口 3000 上运行，

Angular 5 组件测试选择和触发事件

我有一个带有下拉菜单的组件。 更改后，它会触发一个事件，该事件会根据事件值过滤数组以从数组中获取 selectedProduct。 我的代码如下：...

将两个数组映射为一个数组

我有以下数组： 常量 arr1 = [ {"id": 699306, "address": "在地球上" }, {"id": 701298, "address": "在地球上" }, {“id”...

Angular 与 Yarn 的零安装兼容吗？

我在启动一个新项目后遇到错误，这让我怀疑我是否正确阅读了网上获取的信息。 遵循 Angular 和其他来源的说明

如何正确过滤 Observable/BehaviourSubject？

服务： @Injectable({ 提供于：'root' }) 导出类 DeckService{ 私人套牌$ = new BehaviourSubject([]); 构造函数（私有http：HttpClient）{} 公共初始化（）：无效...

添加记录后显示空列表

我有一个页面显示使用 http 服务检索的项目列表，以及一个用于添加新项目的按钮。添加新的后，我以编程方式导航到第一页，但现在服务不

如何修复 Angular 17 中未定义 Window？

我最近升级到 Angular 17 和新的 Verse 构建器。运行 ng build 后我得到： 发生未处理的异常：窗口未定义 请参阅“/private/var/folders/gv/

检查数组是否包含属性并将其绑定到新数组

我有一个绑定数组，如下所示： const newdata = json.map((c) => { 返回 { “用户名”：c.用户名， 电子邮件：c.电子邮件， 组：c.newArrGroups.map(a => a.n...

Angular 电子表格将数据从格栅导出到 Excel 文件

我正在使用 x-data-spreadsheet，我想将格栅中的所有数据导出到 Excel 文件中。 我使用 this.spreadsheet.getData() 来获取所有数据，而不是尝试导出它，但什么也没有。输出...

无法修改ViewContainerRef的内部内容，只能在Angular中在其后面添加标签

我有一些可能标有特殊指令的 DIV。该指令具有一定的有效逻辑。现在，我想在配备该指令的 DIV 中添加一个组件。 我有一些 DIV 可能标有指令 special。该指令具有一定的有效逻辑。现在，我想在配备该指令的 DIV 中添加一个组件。 <div special ...>Monkey</div> <div regular ...>Donkey</div> 按照 Using ViewContainerRef 上的文档（由 this answer 针对类似问题建议），我在指令中运行以下命令。 @Directive({ selector: "[special]" }) export class SpecialDirective { private viewRef = inject(ViewContainerRef); ... constructor() { const icon = this.viewRef.createComponent(IconComponent); } 它的工作方式与文档中描述的一样：创建的图标（对应于 LeafContent）被放置在 DOM 中标记为特殊的 DIV 后面（对应于 InnerItem）。这正是我的问题：我希望图标成为受指令控制的 DIV 内部 HTML 的一部分。由于与其逻辑相关的各种原因，我无法将该指令向内移动。我尝试访问 viewRef.element 并检查了它的其他字段和方法。无济于事。在创建上设置索引没有帮助。我得到的最接近的是从文档中分离/插入，但它只能让我管理元素的顺序之后我的DIV，而不是在其中它。 我已经看到了这个答案，但它对我的情况没有帮助，因为更改是在用户单击 DIV 之后发生的，通过它已被创建并放置在视图中。 如何更改 viewRef 实例的内部？最理想的是，除了修改图标之外，我还想删除其中的一些标签。 您可以创建一个 template reference variable #insertHere 来明确指定插入新组件的位置，我们可以使用 viewChild 并指定 read 属性来获取具有 ViewContainerRef 方法的 createComponent @Component({ selector: 'inner-item', template: ` <button (click)="loadContent()">Load content</button> <ng-container #insertHere></ng-container> `, }) export class InnerItem { insertHere = viewChild('insertHere', { read: ViewContainerRef, }); loadContent() { this.insertHere()?.createComponent(LeafContent); } } 完整代码： import { Component, viewChild, ViewContainerRef } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; @Component({ selector: 'leaf-content', template: ` This is the leaf content `, }) export class LeafContent {} @Component({ selector: 'inner-item', template: ` <button (click)="loadContent()">Load content</button> <ng-container #insertHere></ng-container> `, }) export class InnerItem { insertHere = viewChild('insertHere', { read: ViewContainerRef, }); loadContent() { this.insertHere()?.createComponent(LeafContent); } } @Component({ selector: 'outer-container', imports: [InnerItem], template: ` <p>This is the start of the outer container</p> <inner-item /> <p>This is the end of the outer container</p> `, }) export class OuterContainer {} @Component({ selector: 'app-root', imports: [OuterContainer], template: ` <outer-container/> `, }) export class App { name = 'Angular'; } bootstrapApplication(App); Stackblitz 演示

找不到模块：错误：无法解析“类转换器/存储” - Angular Universal / NestJs

各位，我一直在尝试使用 Angular 与 Angular Universal 和 NestJs 来实现一个应用程序。 我相信抢占Nest服务器不仅可以用于SSR，还可以提供API

使用 SSR 将 CalHeatMap 集成到 Anguar 应用程序中

我尝试集成 CalHeatMap https://cal-heatmap.com/docs/getting-started/quickstart 进入我的应用程序： 从 '@angular/core' 导入 { Component } ； 从 '@ng-icon...