关于Angular的问题（不要与AngularJS混淆），来自Google的Web框架。将此标记用于Angular问题，这些问题并非特定于单个版本。对于较旧的AngularJS（1.x）Web框架，请使用angularjs标记。
我使用 *ngFor 指令和新的 @for 块实现了不同级别的关闭。我有一个使用 for 循环创建多个子组件的父组件： 我使用 *ngFor 指令和新的 @for 块实现了不同级别的关闭。我有一个使用 for 循环创建多个子组件的父组件： <app-active-problem class="panel" *ngFor="let activeProblem of summary.activeProblems" [activeProblem] = "activeProblem" (update)="updateActiveProblem($event);"></app-active-problem> <!-- @for (activeProblem of summary.activeProblems; track $index) { <app-active-problem class="panel" [activeProblem] = "activeProblem" (update)="updateActiveProblem($event);"></app-active-problem> }--> </ng-container> 在子组件中，我接受 [activeProblem] 输入作为 ProblemGroup |叙述问题类。为了有效区分两者并渲染视图。我创建了两个实例变量 problemGroup?: ProblemGroup; narrativeProblem?: NarrativeProblem; ngOnInit(): void { if (this.activeProblem instanceof ProblemGroup) { this.problemGroup = this.activeProblem as ProblemGroup; } else { this.narrativeProblem = this.activeProblem; } } 在同一个视图中，我有一个单击事件处理程序，可以切换问题组下的值（本质上是改变对象）。 <input clrCheckbox type="checkbox" [checked]="p.value" (change)="toggle($event, $index)" /> 如果我在将 activeProblem 分配给 ProblemGroup 时使用 @for 渲染子组件，它会丢失它的引用，从而有效地创建对象的副本。因此，我在子组件中所做的任何突变都不会反映在原始对象中。 如果我使用 *ngFor 指令渲染子组件，那么它会按预期工作，我对 ProblemGroup 所做的任何突变都有效地指向 activeProblem。 我希望我能弄清楚为什么会发生这种情况？ 我想在*ngFor中你之前没有使用过trackBy功能，对吗？在 Angular 17 中，当您使用 @for 时，必须设置 track 函数，该函数与旧 Angular 版本中的 trackBy 函数相同。在您的代码中，我看到您将其设置为 track $index ，这意味着 Angular 始终认为它仍然是相同的元素并且永远不会改变。要解决此问题，您应该将 track 函数更改为 track activeProblem.id 之类的内容。 例如： @for (activeProblem of summary.activeProblems; track activeProblem.id) { <app-active-problem class="panel" [activeProblem] = "activeProblem" (update)="updateActiveProblem($event);"></app-active-problem> }
如何将 Pico CSS 添加到 Angular 17 中的全局 scss 样式表？
我刚刚创建了一个新的 Angular 17 项目，使用 SCSS 作为样式表格式，我想在我的项目中使用 Pico CSS。 Pico CSS 文档告诉我这样做： 首先，安装 Pico CSS。 npm
错误：NG0900：尝试比较“[object Object]”时出错。仅允许数组和可迭代对象
我目前正在开发 CRUD 应用程序的前端部分。当我遇到这个错误时，我正在实施延迟分页 错误：NG0900：尝试比较“[object Object]”时出错。只有数组和ite...
Hostlistener 无法在 Firefox 中工作，但可以在 Chrome 和 Edge 中工作
在主机侦听器内部检查 url 并进行区分。 根据路径更改我正在加载组件 在其他环境下可以运行，但在firefox下不行 我的代码： @HostListener（“
注销时绕过帐户选择屏幕（注销）@azure/msal-angular V2
我正在使用 @azure/msal-angular 版本 2 和 Angular 版本 13。这种情况是当用户登录应用程序时需要授权用户，如果他没有访问权限需要注销......
我有一条这样的路线 { 路径：'实体/创建/：id'， 组件：EntityCreateComponent， } 我想做的是，父路由通过生成 id 重定向到子路由。 { 路径：`
从 Rest API 检索数据时如何在 PrimeNG DataTable 中使用 Skeleton？
我正在尝试在 PrimeNG 数据表中显示骨架，同时从 REST API 检索信息。 当收到信息时，骨架应该隐藏和显示数据。 有一个例子：...
从源“http://localhost:4200”访问“http://localhost:5000/login”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否“一个...
我已经使用 json 文件实现了静态单词的多语言翻译，其翻译如下： { “登入”： { "zh": "签名我...
如何在 Angular 项目中添加 google adsense 广告 txt 文件？
您在使用 Google AdSense 时遇到的问题可能源于 Angular 如何提供静态文件以及服务器如何处理这些文件。让我们分解一下确保您的 ads.txt 文件正确的步骤...
EventEmitter 和 ViewChild('child-form') 从子组件获取值的区别
在子组件中，通过使用EventEmitter，我们可以将值从子组件传递到父组件。 但我看到另一种情况，当我们声明 ViewChild 时，如下所示： @ViewChild('childForm') formCompo...
我最近将 Angular 应用程序更新到版本 17，并遇到了名为“信号”的新功能。我已经阅读了关于将信号用于类似变量的一般准则...
我正在将 Angular 信号与反应式表单一起使用，并面临一个问题，即当 formControl 输入信号值 c 时，hasFormControlError 和验证计算信号不会更新视图...
我有一个environment.ts文件； 导出常量环境= {令牌：'345'}； 和一个environment.development.ts文件： 导出常量环境= {令牌：'123'}； 两者都在公共 GitHub 存储库上。我...
CORS 错误：它没有 HTTP 正常状态。 GoLang Mux API
我正在尝试通过 Angular 17 应用程序发出 http 请求。每次浏览器响应时： 从原点访问“http://localhost:8082/login”处的 XMLHttpRequest 'http://localhost:4200' 已被阻止...
如何在 Angular 中使用单个 .env 文件动态处理多个环境（例如，environment.ts、environment.uat.ts、environment.preProd.ts）？
我想使用单个 .env 文件来动态处理所有环境。有可能做到吗？ 我尝试将不同环境的所有变量写入单个 .env 中，但这似乎并不......
我的应用程序有不同的部分（我使用独立组件，所以不想说模块）。我不想在部分之间有直接的依赖关系。 现在，其中一个部分是...
我不太擅长Javascript，所以打字稿对我来说是一个更大的困难。 我正在尝试借用此代码，以便我可以在角度应用程序中实现事件日历。 .subscribe((mouseMoveEvent: 鼠标...
我正在尝试使用 Angular 构建一个类似于 JQuery 构建器的查询构建器。我面临着发出数据的问题。 当我单击 addGroup、addRule 按钮时，新组是
Angular DatePicker 拒绝以 DD/MM/YYYY 格式显示
我的应用程序设置 进口 { MAT_MOMENT_DATE_ADAPTER_OPTIONS， MAT_MOMENT_DATE_FORMATS， 时刻日期适配器 来自 '@angular/material-moment-adapter'； 从 '@