使用此标记可以获得有关PrimeNG的问题,PrimeNG是Angular的UI组件集合。标记为[primeng]的问题也应标记为[angular],但不是[primefaces]。
我有一个 Prime NG 轮播,以徽标(PNG)作为元素。这些标志的高度不一样。是否可以将这些徽标水平居中? Prime NG 轮播的行为是物品...
primeng FileUpload组件如何限制最大文件数?
我有一个 PrimeNg FileUpload 组件,我想要的是限制可以上传的最大文件数量。 我尝试使用属性 fileLimit 来执行此操作,但它不起作用。 我有一个 PrimeNg FileUpload 组件,我想要的是限制可以上传的最大文件数量。 我尝试使用属性fileLimit来做到这一点,但它不起作用。 <p-fileUpload id="fileUploader" maxFileSize="{{ pesoMaximoArchivoDocumentacion }}" invalidFileSizeMessageDetail="{{ mensajeSuperaPeso }}" fileLimit="4" invalidFileTypeMessageDetail="{{ mensajeFormatoNoValido }}" *ngIf="isAttach(element.valor)" #fileUploader name="Files{{ i }}" id="{{ element.parametro }}" accept=".pdf" [auto]="true" [multiple]="isMultipleDoc(element.valor)" customUpload="true" (onSelect)="onSelect(fileUploader)" (uploadHandler)=" onUploadConst($event, 1, fileUploader, element.valor) " chooseLabel="Adjuntar"> <ng-template let-file pTemplate="file"> <div class="d-flex p-2 rounded align-items-center text-center flex-column flex-xl-row mb-3" [ngClass]="{ 'btn-background-white': i % 2 == 0, 'btn-background-gray': i % 2 != 0 }"> <div class="ccb-cae-imagen-img-delete mr-xl-1" style="background-size: 30px; background-position: center"> images </div> <span class="txt-name-file p-xl-2 text-wrap text-break mb-2 mb-xl-0 text-xl-left">{{ file.name }}</span> <button class="btn-delete w-auto h-auto" (click)=" removeFileConst(file, fileUploader, 1, element.valor) "> <em class="fa fa-trash-o icon-btn-delete"></em> </button> </div> </ng-template> <ng-container *ngIf="element.valor == documentoReformas"> <ng-template pTemplate="content"> <div class="text-center" id="btn-add-container" hidden> <button mat-icon-button type="button" (click)="add()" *ngIf="this.listDocsAux[2].archivos < 4"> <mat-icon class="btn-add-doc">add_circle</mat-icon> </button> </div> </ng-template> </ng-container> </p-fileUpload> 同样的问题 fileLimit 没有效果
我正在使用动态对话框,我想在页脚上有一些按钮,但是该组件中的页脚似乎只允许使用文本。 const ref = this.dialogService.open(
我已经遵循了很多教程,但到目前为止,我还没有设法让PrimeNG的编辑器模块显示出来! (其他模块如 Toast 或按钮都工作正常,只是编辑器不工作...
我正在使用 PrimeNG OverlayPanel 在下拉单击中显示,但我在将默认左箭头移动到右侧位置时遇到问题。我尝试了我脑子里想到的一切,但我没有想法。 钙...
我正在使用 prime-ng 表,我尝试在表底部放置一个按钮 我希望这个按钮始终靠近表格底部 但页脚超出了最后一个 我在这里...
在 Storybook 中展示 PrimeNG 组件:有人做过吗? (风格指南灵感)
我正在使用 PrimeNG 组件为我的 Angular 项目构建风格指南/设计系统。我想利用 Storybook 来有效地隔离、记录和展示这些组件。 为了灵感...
我尝试在 p-dropdown 元素中使用我自己的自定义过滤器字段。我可以看到我的输入,但它不起作用。怎么解决呢? 我是这样做的: 我尝试在 p-dropdown 元素中使用我自己的自定义过滤器字段。我可以看到我的输入,但它不起作用。怎么解决? 我是这样做的: <p-dropdown [placeholder]="'common.select' | translate" [options]="possibleSelect" [virtualScroll]="possibleSelect?.length > 5" [itemSize]="10" [filter]="true" filterBy="label" optionLabel="label" optionValue="value" filterMatchMode="startsWith" id="BAdropdown" formControlName="Id" ariaLabelledBy="selectSr"> <ng-template pTemplate="dropdownicon"> <e-icon [type]="'primeNg'" [icon]="'expand_more_24'" [color]="'default-light-1'"></e-icon> </ng-template> <ng-template pTemplate="filter"> <div class="p-dropdown-filter-container ng-star-inserted"> <input type="text" autocomplete="off" class="p-dropdown-filter p-inputtext p-component" aria-owns="BAdropdown_list"> </div> </ng-template> </p-dropdown> 你能找到解决办法吗?
我有一个多选组件,我希望每当用户更改其选定的选项时都显示一条确认消息,询问他们是否要继续进行该更改并根据他们的
大约一个月前,我在 Angular 应用程序中更新了 PrimeNG。我没有关注到底是PrimeNG的新版本还是10月30日起Chrome新版本的发布。这就是...
未应用基本样式。尝试了多种应用样式的方法。添加 primeng-min.css、omega 等,没有帮助。 数据以表格格式加载,无需样式设置。
目前我正在使用primeng步进垂直。因为我需要删除所有步骤的垂直线。你能帮忙吗?请查找相同的屏幕截图。这是 primeng 垂直步进图像。 难道是……
如果 minDate 是当前日期,Angular-Primeng 日历不会显示过去的结束日期值
如果 minDate 是当前日期,Primeng 日历不会显示过去的结束日期值,如何在不使用任何 [disabledDates] 属性的情况下显示过去的日期? 下面是代码: 如果 minDate 是当前日期,Primeng 日历不会显示过去的结束日期值,如何在不使用任何 [disabledDates] 属性的情况下显示过去的日期? 以下是代码: <p-calendar [showIcon]="true" inputId="icon" [minDate]="minDate" [showOtherMonths]="false" dateFormat="dd-M-yy" formControlName="LICENCE_END_DATE"></p-calendar\> 当 minDate 为 new Date() 时,则 formcontrolname - LICENCE_END_DATE 的值为“Wed Jul 31 2024 23:59:59 GMT+0530 (印度标准时间)”,即过去的值。 尽管 minDate 和选定的日期格式相似,p-calender 控制不显示过去的值。 您必须将 minDate 设置为 null,然后值才会可见。 如果您提供有效日期,则必须禁用minDate之前的日期。
如何在 primng 下拉框中添加额外的自定义按钮 Angular
我正在使用 primeng 作为 Angular UI 组件库,我想知道如何在 primng 下拉框中(而不是在其对话框中)添加额外的自定义按钮。 例如:- 在如图所示的地方
集成 PrimeNG Carousel 时出现“p-carousel 不是已知元素”错误
我在尝试设置圆形轮播时遇到了 PrimeNG 的 p-carousel 问题。我按照建议将 CarouselModule 导入到组件的模块中,复制了 TypeScript 代码,但是当
这是p表分页和排序的代码。分页工作完美,但排序似乎不起作用。每个页面的数据都是通过 api 调用动态填充的,因此其余的......
我使用 PrimeNG 表,并且还有一些列的选择。 正如这里的示例所示。 https://primeng.org/table#column-toggle 现在,如果列发生更改(之后),我需要获取一个事件 - ...
我目前正在使用路由历史记录实现面包屑系统。当当前路径是根路径时就会出现问题。例如,我设置了加载用户表视图的根路径。当我们...
防止 PrimeNG <p-chip> 在 onRemove 事件中被删除,但保持删除图标可见
我在 Angular 项目中使用 PrimeNG 的组件,我想防止单击删除图标时芯片被删除。但是,我仍然希望删除图标可见并且
我正在使用最新版本的“primeng”:“^12.2.0”,我想设置我自己的primeng自定义主题。我浏览了很多博客,但找不到任何解决方案。 我复制了 theme.css 文件