angular 相关问题

如何为 PrimeNG 下拉列表设置可见/不可见的组项目？

当我单击组标题时，如果组中有项目，我想使组项目可见/不可见。 是否可以？ 例如，我想在下拉列表中看到 3 个项目（AA、BB、CC），前 2 个选项（AA 和 BB）

当我们使用platform-browser-dynamic时，我们还需要platform-browser吗？

在此答案中指出，platform-browser 用于 AOT 编译，而 platform-browser-dynamic 用于 JIT 编译。 我们正在尝试使用 UMD mod 在我们自己的架构中使用 Angular...

PrimeNG 输入数字与自定义数字格式化程序

我正在使用 PrimeNG 在 Angular 中设置一个表单，并且尝试将 元素的值格式化为使用以下格式 XXX.XXXX'XX，即，如果我有值 123.45678，我

如何为 PrimeNG p-dropdown 静态添加选项

我想为 p-dropdown 静态添加选项。 我想为 p-dropdown 静态添加选项。 <p-dropdown [(ngModel)]="selectedOption" placeholder="Select options" optionLabel="name" (onChange)="onChangeOption()"> <option *ngFor="let item of items;" [value]="item.value">{{item.label}}</option> <option value="null">Others</option> </p-dropdown> 我尝试在 ts 文件中动态添加“Others”选项，但我仍然想像这样静态添加 有没有更好的方法来做到这一点？谢谢大家 您不能直接在 p-dropdown 中使用选项。您必须向选项数组提供数据。例如这里变量cities保存选项数组 <div class="card flex justify-content-center"> <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Select a City" /> </div> 如果你不想从控制器类提供它，那么你可以像这样直接在 HTML 本身中传递数组 <div class="card flex justify-content-center"> <p-dropdown [options]="[{name: 'Australia', code: 'AU'},{name: 'Brazil', code: 'BR'}]" [(ngModel)]="selectedCity" optionLabel="name" placeholder="Select a City" /> </div>

带有 mat-nav-list 的 Angular Material 扩展面板的对齐问题

我使用 mat-nav-list 来显示菜单项，第四个菜单项是 Angular Material Expansion 控件。我在这里缺少对齐方式。其屏幕截图如下。 编辑 相关代码是

在 Angular 中单击 Mat-Expansion-Panel 标题时更改其背景颜色

下面是我在 Angular 15 和 Angular Material 14 中使用的代码 下面是我在 Angular 15 和 Angular Material 14 中使用的代码 <mat-nav-list role="list"> <a mat-list-item role="listitem" class="list-item-setting" id="emailTemplatesId" *ngIf="isSysAdmin" (click)="sideNavLink(true, $event)" matTooltip="Notification Templates" matTooltipPosition="right" [matTooltipDisabled]="!isCompressed" [routerLink]="['/email-notification-templates']" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" class="admin-link"> <mat-icon class="list-item-setting">email</mat-icon> <span class="nowrap add-padding">Email Templates</span> </a> <a > <mat-accordion *ngIf="isAdmin && !isCSR"> <mat-expansion-panel hideToggle [(expanded)]="panelOpenState" class="mat-elevation-z0"> <mat-expansion-panel-header> <mat-panel-title style="text-align: left;" (click)="clickNotificationMgmt($event)"> <img src="../../../../assets/images/icon_bell.svg" alt="Notification Management"> <span class="add-padding-to-mat-panel-header"><a class="list-item-setting add-padding" [routerLink]="['/notification-list']" routerLinkActive="active">Notification Management</a></span> </mat-panel-title> </mat-expansion-panel-header> <div> <mat-panel-description (click)="clickNotificationList($event)" [ngClass]="isNotificationListClicked ? 'bold' : ''" id="notificationListId" (click)="sideNavLink(true, $event)" class="mat-panel-description-setting"><a class="list-item-setting add-padding" [routerLink]="['/notification-list']" routerLinkActive="active">Notification List </a></mat-panel-description> </div> </mat-expansion-panel> </mat-accordion> </a> </mat-nav-list> 以下是Email Templates的截图 这里 Notification Management 是一个垫子扩展面板 - 手风琴控件。 如何以与 Email Templates 相同的方式显示 Notification Managment，我的意思是单击它时具有相同的背景颜色，如果用户导航离开它，那么它应该返回正常状态而不突出显示。 编辑 现在整个 Accordion 控件正在更改背景颜色。我只需要它来获取 Notification Management 标题。我们怎样才能实现这个目标..？ 任何帮助将不胜感激。 您已经在使用 expanded 属性来设置 panelOpenState。那么，如何在 ngClass 中使用 panelOpenState 呢？ 类似的东西： <mat-expansion-panel [(expanded)]="panelOpenState" [ngClass]="{'active-panel': panelOpenState}"> 然后只需在 css 中设置 active-panel 类即可： .active-panel { background-color: /* your desired color */; }

不允许启动自定义协议，因为需要用户手势

我需要运行我的自定义协议两次，但第二次不起作用，我收到此错误（不允许启动“cutomProtocol”，因为需要用户手势。）我尝试找到解决方案...

PNPM mono 存储库的 Docker 配置出现错误

我是 docker 初学者，尝试为我的全栈 API REST 项目进行配置，我的 PNPM 工作区中有 2 个应用程序，一个前端和一个后端，前端是 Angular，后端是 AdonisJS，我想要

私有标识符仅在针对 ECMAScript 2015 及更高版本 (Angular 9) 时可用

我正在从 Angular 8.2 升级到 9.1，并且我正在尝试将私有字段更改为 TS 3.8 允许的 #fieldName:any 而不是 private fieldName:any。我得到编译器错误说 私人...

黑屏 - Angular JIT 编译失败：“@angular/compiler”未加载

我目前无法让我的 Ionic 5 和 Angular 9 项目正常工作。 ionic cordova run android 效果很好 但一旦我运行 ionic cordova run android --prod 我得到的唯一东西......

全局插入 PrimeNG 复选框自定义图标 TemplateRef（通过指令？）[PrimeNG]

PrimeNG 更改了 ui 组件的图标机制，我正在将 Angular 从 15 更新到 17。我想要我的自定义复选框图标。 触摸 html 或 ts 文件中 p-check 的逻辑...

如何锁定应用程序的水平方向？

我正在使用 Angular 14 中的应用程序。如何阻止方向更改？我的意思是，我希望屏幕始终水平显示。 我尝试过这样做，但不需要...

如何在 Angular 中使用 primeNG 分页器

我无法在我的 Angular 应用程序中固定 primeNG 分页器。该分页器包含一个下拉列表，这实际上是我想要对其进行样式化以进行数据编号选择的地方。我搜索了很多次但是

当我尝试将日期放在 x 轴上时，Angular Highcharts 区域样条图不起作用

当我尝试将日期放在 x 轴上时，Angular Highcharts 区域样条图不起作用。我哪里做错了？ 我希望我的图表具有相同类型的 x 轴数据（即日期格式）。在悬停点上...

将图像上传到 Azure Blob 存储会返回文本

我正在尝试使用 RestAPI 并传递令牌在 Azure blob 存储上上传图像。它适用于邮递员。我能够正确获取上传的图像。从 Angular 上传也可以，但是...

Angular 路由有点不适用于 Nginx

我有一个 Nginx 应用程序，上面上传了一个 Angular 项目。每当我刷新 Angular 路线时，它都会显示“404 Not Found”。

Antd 我无法在输入 onChange 事件上出现错误

在 Antd 中，我需要在 onChange 事件中获取错误，但即使字段中有错误，在该字段中输入时我看不到错误。例如 ; https://stackblitz.com/edit/react-qurm1n?file=demo.tsx

材料注册表中的角度加载图标未预加载

我已经在app.component中注册了一些svg 公共静态 MAT_ICONS_TO_REGISTOR: { 名称: 字符串, url: 字符串 }[] = [ {name: '扫帚', url: '../assets/imgs/broom.svg'}, {名称：'来源图标...

无法创建 Angular 项目。 - 在工作空间内运行 Angular CLI 时，此命令不可用

我创建了一个新的空文件夹“myapp”。在这个空文件夹中，我打开了 Windows 终端。 新应用程序 但我得到了这个错误：错误：运行 Angular 时此命令不可用...

在 TypeScript 中设置/获取类的值的最佳方法是什么？

我正在使用 Angular 和 TypeScript 开发一个程序。我有一个名为 Signal 的类，它具有以下参数： 导出类信号{ 身份证号; 奥布拉德：数字； 奥布拉：字符串；