关于Angular的问题（不要与AngularJS混淆），来自Google的Web框架。将此标记用于Angular问题，这些问题并非特定于单个版本。对于较旧的AngularJS（1.x）Web框架，请使用angularjs标记。
首次数据更改和重新渲染后如何在 Angular/CDK 树中继续“实时”拖动
更新：Stackblitz 演示 澄清：我的目标是在拖动工作时获得实时 UI 更新。技术方法可以完全不同（我在这里的方法很可能是死胡同）。 ...
Angular Material 基于材料设计规范。 哪个 Angular 材质版本属于哪个材质设计规范版本（v1、v2、v3）？ 角度材质版本 材质
我是 Angular 新手，刚刚启动了一个新的 Angular 17 项目 (17.3.7)。我对如何为特定事物创建模块感到困惑。例如。历史模块，查看历史页面，历史表单页面等...来自...
上一页 <nav aria-label="Page navigation example"> <ul class="pagination"> <li class="page-item"><a class="page-link" href="#">Previous</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">Next</a></li> </ul> </nav> 我是角度新手，请帮忙... 我想在我的自定义分页组件上使用上面的引导分页代码 当我在另一个组件 html 中使用分页组件时 (app-paginate [somedata]="somevalue" 和事件> _______ (/app-paginate> 应该可以... 注意：我已经使用了 ngx-bootstrap 分页，所以请不要提供这个答案，我想制作自己的分页组件。 抱歉我的英语不好.. 谢谢你 如果您了解 ngx-bootstrap 并且喜欢他们的组件，但想要不同的外观，您可以在 github 上查看他们的分页组件的实现，然后适应您的情况。 这是上一个按钮的自定义版本的示例，具有大致相同的打字稿代码： <li *ngIf="directionLinks" class="page-item" [class.disabled]="!hasPrevious() || disabled"> <a aria-label="Previous" i18n-aria-label="@@pagination.previous-aria"class="page-link" href (click)="!!selectPage(page-1)" [attr.tabindex]="(hasPrevious() ? null : '-1')"> <myCustomIcon aria-hidden="true"></myCustomIcon > <span class="sr-only" i18n="@@pagination.previous"></span> </a> </li>
我想使用父级的baseurl，可用于子级的进一步处理 仪表板是父级的 ` 我想使用父级的baseurl，可用于子级的进一步处理 仪表板是父级 `<div class="layout-wrapper" [ngClass]="containerClass"> <app-topbar></app-topbar> <div class="layout-main-container"> <div class="layout-main"> <router-outlet baseurl='MY_API_URL'></router-outlet> </div> <app-footer></app-footer> </div> <app-config></app-config> </div>` 我想要一个设置，因此如果将来我需要更改基本网址，我可以仅从标签更改它 为此，各个孩子的代码如下 export class SpecimenComponent implements OnInit { @Input() baseurl = ''; 在您希望所有子组件具有相同基本 url 的父组件中，创建一个服务，确保它没有 providedIn: 'root' 并将其添加到父组件中，如下所示 @Component({ providers: [UrlService], }) export class ParentComponent { const urlService = inject(UrlService); ngOnInit() { this.urlService.baseUrl = 'http://example.com'; } } 然后导入服务，确保所有子 URL 具有相同的要共享的 URL，据我所知，不可能使用 @Input 或 @Output 作为路由！ 使用providers数组中的服务，我们确保该服务创建了一个新实例，因此只有父级及其子级可以访问您设置的url！
我有一个问题，我的异步管道正在触发 GET 请求，但我只想触发一个 post 请求并将新元素放入数组中。我的函数如下所示： 创建（赫斯特...
我已经在我的 Angular 项目中配置了 klaro cookie 包以及所有必需的配置，但我想更改除了服务计数之外的图标： 我想要“+”和“-”ic...
在 Angular 中使用 mat-tab 组以反应形式处理多个选项卡
我想知道处理具有多个角度选项卡的表单的有效方法。 例如，我有一个带有 mat-group 和三个选项卡的表单，例如营业时间/不在办公室和 h...
如何重置新 Clarity 0.13 表单的错误状态？我正在使用反应式表单，我想完全重置表单。虽然我可以轻松重置 FormGroup，但我不知道如何摆脱......
例如在此示例应用程序中：链接 我有一个表格，其中单元格中的数据都有不同的高度，但不是将内容对齐到中心。 我想对齐每个单元格中的内容...
Angular Material 组件 mat-select ngModel 未保留选定的选择
我使用 Angular Material 垫选择组件进行了选择倍数。我的选项在下拉列表中正确显示，但所选值未保留在 UI 中。例如，在 p...
我的图表对象定义如下： this.chart = new Chart("myChart", { 类型：'甜甜圈'， 数据： { 数据集：[ { 标签：标签数据， ...
如何定义从具有 InputSignal 属性的抽象类继承的 Angular 组件记录？
我尝试像这样定义一个记录： // 导入... 导出抽象类 AbstractComponent { 抽象道具：InputSignal； } 导出类 TestComponent 扩展
“@angular/material”14.2.7 版本可以与 Angular 17 一起使用吗？
我想将我的 Angular 版本升级到 17，但不想升级我的 Material 版本。我想将其保留在 14.2.7 上，因为我正在将它与 Angular 16 上的旧版对等部门一起使用，想要将它与 sam 一起使用...
在 nginx（Windows 版本）上部署 Angular 17 SSR 的步骤是什么？
我已经构建了一个带有默认 Angular 17 SSR 的示例项目。项目的 dist 文件夹中有两个文件夹（浏览器和服务器）。我不知道SSR模式应该使用哪一个。 请...
我想将我的baseurl声明为我的角度项目中的全局变量，而不导入任何模块。我只想在任何组件或服务中输入 baseurl 时访问该值。目前我是
在 Angular 中，在 mat 表中显示服务上作为地图类型的数据
强文本**我想在垫表中显示我的数据。我尝试了很多方法。哪种方法最有用？ 数据显示在 console.log 中。 ** - 服务补偿.. 导出类 DataService 实现 O...
自 v18 更新以来无法使用 cli Angular cli 命令
我尝试像往常一样更新我的 Angular cli 版本来测试它，但是自从我进行了此更新后，当我尝试使用 cli 命令时，我遇到了节点错误。 我所有其他的全局依赖项似乎都有效。 我尝试
[标签][错误] TypeError: (0 , os_1.availableParallelism) 不是一个函数
当我尝试构建 Angular 项目时遇到这些错误 角度误差w.log [错误] TypeError：（0，os_1.availableParallelism）不是函数 在对象。（C:\Users...
我有这个 HTML @for (sortingActions 的动作) { @if (!action.hasChildren) { 我有这个 HTML <div class="options-panel"> @for (action of sortingActions) { @if (!action.hasChildren) { <app-options-item [columns]="columns" [action]="action" (buttonClicked)="changeSorting(theadCol.sorting, action.direction)"></app-options-item> } @else { <app-options-item class="options-divider" [columns]="columns" [action]="action"></app-options-item> } } </div> 还有这个CSS .options-panel { display: flex; flex-direction: column; align-items: flex-start; width: 200px; padding: 8px 0; border-radius: 4px; } 我试图仅为第一个具有选项分隔符类的孩子设置背景颜色。 如果我仅为班级而不是第一个孩子设置背景颜色，则班级将获得背景颜色。 我尝试过这些选项 .options-divider:nth-of-type(1) { background-color: #FF5733; } options-divider:first-of-type { background-color: #FF5733; } app-options-item:has(.options-divider):first-of-type { background-color: palegoldenrod; } 为什么不起作用？ 您可以通过检查@for内数组的索引来检查它是否是第一项 @for(action of sortingActions;let idx = $index){ <div [ngClass]="{'options-divider':idx === 0}">{{action}}</div> } 看起来您的 HTML 有问题，而不是 CSS。 使用这个简化的 HTML 结构： <div class="options-panel"> <div class="options-divider"> one </div> <div class="options-divider"> two </div> <div class="options-divider"> three </div> <div class="options-divider"> four </div> <div class="options-divider"> five </div> </div> 和你的风格，它按预期工作。 https://jsfiddle.net/1muo9h60/