primeng 相关问题

我遇到了 PrimeNG 日历组件的问题，其中 12 月的最小日期设置然后是禁用的最小年份

在此输入图像描述 我遇到了 PrimeNG 日历组件的问题，其中 12 月 2 日至 31 日的最小日期设置无法按预期工作，导致最小日期...

是否可以从另一个服务/组件调用ConfirmationService？

我想声明一个应用程序范围（即：在app.component.html内部），然后能够通过从任何组件或任何服务调用ConfirmationService.confirm()来显示它。 是这样吗

点击p对话框关闭(X)按钮时如何调用角度函数？

点击p-dialog关闭(X)按钮时如何调用角度函数？ 我已经搜索并尝试了这个 (onHide)="cancel()" 。但这不起作用。请分享您的解决方案。 我知道我们可以使用

带有复选框选择的PrimeNG Tree v16：如何实现编程单选？

我正在使用 Angular 中的 PrimeNG Tree 组件，特别是将选择模式设置为“复选框”。我想实现程序化的单一选择。 换句话说，我想...

如何将id绑定到PrimeNg菜单命令

我有一张桌子，上面列出了物品清单。我想使用 PrimeNg Menu 作为下拉菜单选项来导航到具有所选项目 ID 的其他页面。我想做的是，当我点击菜单时......

无法绑定到“pTooltip”，因为它不是角度 PrimeNG 中“按钮”的已知属性

我正在使用 Angular 16 我在该项目中使用 primgn16 我实际上在将 Angular 从版本 12 迁移到版本 16 时遇到了这个错误 这在项目的版本 12 中运行良好 也许这张照片...

primeng中如何实现自定义排序

我的 p 表列中有如下数据 太阳 - 1, 周日 - 2, ... 周日 - 11, 周日 - 12, 在进行排序时，它的行为异常。它不是根据破折号后的数字排序。如何实现

有没有办法在数据更新时保留PrimeNG表滚动位置？

我目前正在使用 Angular 12 开发 PrimeNG 12 表的项目，但我在 Angular 的更改检测和表更新方面遇到了一些麻烦，特别是在尝试阻止

primeng p-multiSelect 未在组件中下拉

我尝试使用primeng和multiselect。 在我的 HTML 中： 我尝试使用primeng和multiselect。 在我的 HTML 中： <p-multiSelect (onChange)="getSelectedIndexesList()" [(ngModel)]="selectedCategories" [options]="categories" class="multiselect-custom" defaultLabel="Select a Category" optionLabel="CategoryName" > <ng-template let-value pTemplate="selectedItems"> <div *ngFor="let option of selectedCategories" class="itemlist itemlist-value"> <div>{{option.DocDescription }}</div> </div> <div *ngIf="!selectedCategories || selectedCategories.length === 0" class="category-placeholder"> Select categories </div> </ng-template> </p-multiSelect> 没什么特别的。我还在我的组件模块中导入了一些模块： 这是我的实现： @NgModule({ declarations: [ SearchDocumentComponent ], schemas: [CUSTOM_ELEMENTS_SCHEMA], exports: [], imports: [ CommonModule, SearchDocumentRoutingModule, MatExpansionModule, MatFormFieldModule, MatSelectModule, ReactiveFormsModule, FormsModule, MultiSelectModule, DropdownModule ] }) export class SearchDocumentModule { } 我还在我的应用程序模块中导入了一些模块： @NgModule({ declarations: [ AppComponent, SiteComponent ], imports: [ BrowserModule, BrowserAnimationsModule, MultiSelectModule, FormsModule, HttpClientModule, AppRoutingModule, SiteModule, DropdownModule, ], exports: [ BrowserModule, BrowserAnimationsModule, MultiSelectModule, FormsModule, HttpClientModule, AppRoutingModule, SiteModule, DropdownModule ], providers: [], bootstrap: [AppComponent] }) 我获得了选择中的值，但我对“布局”有问题。我没有下拉效果 <p-multiSelect appendTo="body"></p-multiSelect> 要打开全高度的下拉菜单，您必须使用“appendTo”属性。 appendTo=“正文”>

关闭 primeNG 中芯片组件的自动完成功能

有没有人找到一种简洁的方法来关闭 primeNG 中 p-chips 组件的浏览器自动建议？或者更好的是关闭整个应用程序的自动建议。对于简单的输入字段...

使用 primeng 动态对话框打开全屏模式

我正在使用 PrimeNg 模式扩展在我正在开发的 Angular Web 应用程序之一中显示模式弹出窗口。我将一个组件传递给模态服务，如以下代码所示： 常量...

angular/cli@16 + primeng@16：列未对齐

请检查以下角度应用程序： 它包含带有 primeng16 的 angular16 应用程序 app.component.html 包含一个非常简单的 2 行 4 列控件，应该是 ali...

如何提高海量数据的prime ng下拉性能

我在我们的 Angular 项目中使用了 primeng 多选下拉菜单。但是我们需要加载的数据非常庞大，比如 4-5K 个元素。所以我的下拉菜单在加载过程中需要 10 秒。 请建议...

PrimeNG，菜单栏项目位于右侧

我有一个 PrimeNG 菜单栏组件，我希望我的项目位于右侧，它们当前位于左侧，如何将它们对齐到右侧？在这种情况下，我想将它们全部对齐......

使用 PrimeNG 创建一个 Div 以在一行中显示 3 个输入字段（密码）

我正在尝试使用 Primeng 创建一个 div 以在一行中显示 3 个 p 密码。 我尝试了下面的 HTML，但它不起作用。 我正在尝试使用 Primeng 创建一个 div 以在一行中显示 3 个p-password。 我尝试了下面的 HTML，但它不起作用。 <div class="login-background" *ngIf="!isUserLoggedIn"> <div class="login-region" > <form [formGroup]="AuthForm" (ngSubmit)="validate()" autocomplete="off" class="d-flex" > <!--<p-card subheader="" [style]="{width: '360px',margin:'0 auto'}">--> <p-card subheader="" [style]="{width: '360px'}" class="flex justify-content-center"> <ng-template pTemplate="header"> <img alt="Verify" src="../../assets/Images/logo.png" class="logo-image" /> </ng-template> <div class="row"> <p-password [feedback]="false" [inputStyle]="{'width':'40px', 'background': 'transparent !important;','margin':'20%;'}" /> <p-password [feedback]="false" styleClass="username-custom p-password p-component p-inputwrapper p-input-icon-right" [inputStyle]="{'width':'40px', 'background': 'transparent !important;'}" /> <p-password [feedback]="false" styleClass="username-custom p-password p-component p-inputwrapper p-input-icon-right" [inputStyle]="{'width':'40px', 'background': 'transparent !important;'}" /> </div> </p-card> </form> </div> </div> 这就是输出的样子 - 因为看起来您正在使用引导程序，所以只需使用该类col-4三次 <div class="login-background" *ngIf="!isUserLoggedIn"> <div class="login-region" > <form [formGroup]="AuthForm" (ngSubmit)="validate()" autocomplete="off" class="d-flex" > <p-card subheader="" [style]="{width: '360px'}" class="flex justify-content-center"> <ng-template pTemplate="header"> <img alt="Verify" src="../../assets/Images/logo.png" class="logo-image" /> </ng-template> <div class="row"> <p-password [feedback]="false" class="col-4" [inputStyle]="{'width':'40px', 'background': 'transparent !important;'}" /> <p-password [feedback]="false" class="col-4" styleClass="username-custom p-password p-component p-inputwrapper p-input-icon-right" [inputStyle]="{'width':'40px', 'background': 'transparent !important;'}" /> <p-password [feedback]="false" class="col-4" styleClass="username-custom p-password p-component p-inputwrapper p-input-icon-right" [inputStyle]="{'width':'40px', 'background': 'transparent !important;'}" /> </div> </p-card> </form> </div> </div>

Primeng 拆分按钮在选择时添加图标

我想在用户选择拆分按钮中的单击选项后添加勾号图标。 怎样才能实现呢？请给我建议。谢谢 示例如下 -

如何从具有搜索输入的选项中删除p-多选过滤器

我希望我的 primeng 多重选择有一个搜索/过滤器输入，我通过添加 。当...

如何从primeng multiSelect中删除复选框？

我尝试使用“ng-template”仅显示标签，但默认情况下仍显示复选框。如何更改此默认行为？ 这是使用 ng-template 的代码...... ` 我尝试使用“ng-template”仅显示标签，但默认情况下仍显示复选框。如何更改此默认行为？ 这里是使用的代码ng-template...... ` <p-multiSelect [options]="conditionList" formControlName="condition" defaultLabel="Select Conditions" [showToggleAll]="false" scrollHeight="300px"> <ng-template let-condition pTemplate="item"> <div>{{condition.label}}</div> </ng-template> </p-multiSelect>` 您需要自定义 MulitiSelect 样式来克服 View Envapsulation。可以通过三种方式完成： 将选择器置于全局样式中，例如样式.scss： p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { display: none; } 将上述覆盖放入 compoennt.scss 中，但添加 ::ng-deep: ::ng-deep { p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { display: none; } } 没有 ::ng-deep 但禁用视图封装： @Component({ ... encapsulation: ViewEncapsulation.None }) 1：创建两个新的 theme.scss 条目： .disable-check .p-multiselect-panel .p-multiselect-header .p-checkbox { display:none; } .disable-check .p-multiselect-panel .p-multiselect-items .p-checkbox { visibility:hidden; } 2：为 p-multiselect 元素添加禁用检查类： <p-multiSelect class="disable-check" [group]="true" optionLabel="item" optionValue="valor" [options]="ItemOptions" >

为什么primeng p-table元素在编辑行时会抛出错误但仍然更新记录？

我指的是以下primeng p表示例： url：https://primeng.org/table#Edit（点击右上角的 stackblitz 图标，如下图蓝色突出显示） 正如你所看到的，如果我...

primeng：安装 Angular 16.2.0 版本

我在本地安装了 Angular 16.0.0： npx -p @angular/[email protected] ng 新测试仪 --no-standalone --routing 然后我尝试使用以下命令安装 primeng： npm install --save primeng 我预计会有一个版本...