关于Angular的问题（不要与AngularJS混淆），来自Google的Web框架。将此标记用于Angular问题，这些问题并非特定于单个版本。对于较旧的AngularJS（1.x）Web框架，请使用angularjs标记。
学习 Angular 18，我遇到了一个意想不到的行为：当子组件触发操作时，注入默默失败，但最终它是在父组件中定义的，其中
使用登录和注册功能时，Angular 代码上出现“无法加载资源：服务器响应状态为 400 ()”错误
我目前正在构建这个角度应用程序，但由于某种原因，用于登录和注册的获取帖子给了我这个错误。当我第一次运行该应用程序时，一切顺利，在我第二次加载它之后...
我在使用 Angular 的路由导航方法时遇到问题。 我有两个组件：LoginComponent 和 HomeComponent。 当我点击“login.component.html”中的按钮时，我想要重定向...
Angular P-FileUpload ng-模板不起作用
我正在尝试使用 Angular 中的 p-fileupload 来处理 pdf 文件，当我选择文件时，我想将 pdf 图像与文件名一起放置。为此，我创建了用于文件上传的 ng 模板，但是
从 dxi-column [calculateCellValue] 函数调用的函数访问组件范围
最后一个问题是，我无法从使用 [calculateCellValue]="function" 调用的函数访问 component.ts 的上下文，如果我使用 .bind(this) 来传递它，则 DataGrids 交互
页面刷新时未触发 Firestore onSnapshot 取消订阅
我遇到了 Firestore 的 onSnapshot 侦听器在刷新或关闭页面时无法取消订阅的问题。我正在使用 Angular 和 Firestore SDK，并且我已经实现了取消订阅...
未捕获类型错误：类构造函数平台无法在没有“new”的情况下调用
我已经安装了 Angular CDK 以便使用 PrimeNG 的下拉组件，但它引发了错误。 我已将其添加到我的 app.module.ts 中： 从 'primeng/dropdown' 导入 {DropdownModule}； 并安装...
在组件中，我有一个简单的表，其中一列调用函数 getOrderItems() 来获取订单对应的项目： 在组件中，我有一个简单的表，其中一列调用函数getOrderItems()来获取订单对应的项目： <p-table [value]="orders$()" [tableStyle]="{ 'min-width': '50rem', 'margin-top': '16px' }" > <ng-template pTemplate="header"> <tr> <th>Id</th> <th>Contact</th> <th>Total</th> <th>Status</th> <th>Item</th> </tr> </ng-template> <ng-template pTemplate="body" let-order> <tr> <td>{{ order.id }}</td> <td>{{ order.contact }}</td> <td>{{ order.total }}</td> <td>{{ order.status }}</td> <td>{{ getOrderItems() }}</td> </tr> </ng-template> </p-table> 这是 getOrderItems() 函数： getOrderItems() { const orderItems = this.ordersService.orderItems(); console.log(orderItems); return orderItems; } 最后这里是里面的函数ordersService: orderItems() { let orderItems: OrderItem[] = []; this.databaseService .getDatabase() .orderItem.find() .exec() .then((doc) => { orderItems.push(doc); }) .catch((e: RxError) => { return Promise.reject( 'Error while looking for order items: ' + e.message, ); }); return orderItems; } 由于 getOrderItems() 函数，我遇到无限循环的问题，我不知道为什么？ 从 HTML 中删除方法 getOrderItems，因为每个更改检测周期都会调用 HTML 内的方法。 <ng-template pTemplate="body" let-order> <tr> <td>{{ order.id }}</td> <td>{{ order.contact }}</td> <td>{{ order.total }}</td> <td>{{ order.status }}</td> </tr> 在此之后，您应该确保始终返回 Promise 或 Observable，不要返回 Promise 代码下方的任何代码，这是因为 Promise 代码是异步的，而返回代码是同步的，因此，我们在这里应该小心，因为该函数将在将项目推送到数组之前返回数组。 承诺方式： orderItems() { return this.databaseService .getDatabase() .orderItem.find() .exec() .then((doc) => { orderItems.push(doc); }) .catch((e: RxError) => { return Promise.reject( 'Error while looking for order items: ' + e.message, ); }); } 这里我们返回了promise，我们可以使用then来获取组件内部的数据，我们将catch保持原样，这样就可以在很多地方重用。 现在，我们使用 then 从返回的 Promise 中获取数据。 export class SomeComponent { orderItems: OrderItem[] = []; getOrderItems() { const orderItems = this.ordersService.orderItems().then((response: any) => { this.orderItems.add(response); }); } 现在您可以将此数据绑定到 HTML，如下所示： <ng-template pTemplate="body" let-order> <tr> <td>{{ order.id }}</td> <td>{{ order.contact }}</td> <td>{{ order.total }}</td> <td>{{ order.status }}</td> <td>{{ orderItems | json }}</td> </tr> </ng-template> 我们使用json管道以可读格式打印数据，我们应该使用一些HTML来正确显示数据。
错误类型错误：无法读取未定义的属性（读取“companyForm”）
我正在尝试从后端的用户表中获取布尔值isCompany和字符串companyName和nip等数据，并将其设置为表单字段中的默认值。所有其他数据均已正确修补。那...
我正在开发一个简单的网页，其中有一个主页模块，其中包含两个组件：主页和登录，我使用延迟加载加载它们...... 这是我的应用程序路由模块 常量路线：路线= [ ...
我希望能够根据正在查看应用程序的设备显示不同的组件。我目前正在使用下面的内容来更改组件并且它可以工作。问题是...
我希望能够根据正在查看应用程序的设备显示不同的组件。我目前正在使用下面的内容来更改组件并且它可以工作。问题是...
如何拥有一个 xml（在 UI 中被视为字符串），我需要将请求正文中的此 XML 发送到后端 API。我收到错误
我发送 requestDTO 如下： { “运输类型”：0， “注册模式”：4， "站点名称": "字符串", "destinationAddress": "字符串&quo...
<section> 或 <article> 作为 Angular 组件的容器以实现可访问性和/或 SEO 目的？
我正在开发一个 Angular 项目，并希望确保我的组件遵循 HTML 语义以实现辅助功能和 SEO 目的，但仅在需要时才这样做，因为我不想添加额外的代码。 ...
当元素仅部分处于视图中时，IntersectionObserver 会导致闪烁
我正在开发一个 Angular 18 项目，我想使用 IntersectionObserver API 在按钮进入视图时为其设置动画，并且它可以工作。 但是，如果只能看到顶部按钮的一半，则
asdddddddddddddddddddddddddddd
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
如何查找 Angular 应用程序中性能缓慢的根源（v14）
我有一个用 Angular 14 编写的 Web 应用程序。我一直在 lighthouse 中运行测试以提高应用程序的性能，这对于桌面用户来说很好，但对于移动用户来说太慢了。
如何使用 json-server 自动生成我的 id？不再生成了吗？
我使用 json-server 作为假 API，在发出 POST 请求时，我的 id 不会自动生成，请注意，它们已经是字符串，这是文档中建议的...
Angular + .NET Core + Microsoft 身份
我正在尝试创建一个使用 Angular (SPA) 和 Microsoft Identity 的 .NET Core 8.0 网站。基本上，要访问此站点，您必须具有 AD (Azure) 登录名才能访问该站点。我创建了坐...