primeng 相关问题

PrimeNG pInputTextarea - 当 [value] 属性未定义时，占位符不会出现

我有一个只读文本区域，应该显示某个对象的值。 如果对象未定义，它也会在文本区域内显示“未定义”而不是占位符...

PrimeNG 10.0.3 - 错误 NG8001：“p-tabView”不是已知元素

我在 Angular 10 应用程序中使用 PrimeNG 10.0.3。在其中我导入了几个 PrimeNG 组件并毫无问题地使用它们。但是，当我尝试使用 TabView 模块时，出现错误

PrimeNG 中的自定义全局过滤器（FilterService）

我在 PrimeNG 中过滤 p 表时遇到了问题。 设想： 表包含： 约翰·凯文·多伊 搜索关键词：约翰·多伊 预期：1 行，我使用内置过滤器得到 0 行； 我试过了...

Angular 和 PrimeNg Datepicker（p-calendar）：禁用未来日期

我正在尝试使用 primeNG datepicker 来选择日期，我需要禁用所有未来日期（不包括今天），除了 [maxDate] 输入不起作用，实际上，如果我应用它，它会禁用...

Primeng FormData 文件上传到 Spring Boot 不起作用

我正在尝试将文件从 Angular 版本（13.3.8）、Primeng（13.2.1）上传到 Spring Boot 作为多部分文件，但我无法在 post 方法中获取该文件（状态：415，错误） ：'不支持...

如何在Angular中绑定p-autoComplete中的值

我有一个带有 p-自动完成功能的搜索框。当我搜索该值时，该值会显示在建议中。 我正在尝试显示 p-

在 primeng p-calendar 中的自定义验证器中未获取 ngModel 的更新值

我正在尝试使用带有这样图标的p日历 我正在尝试使用带有这样的图标的p-calendar <p-calendar [showOnFocus]="false" [locale]="sw" dateFormat="yy-mm-dd" [style]="{'width': '120px'}" [showIcon]="true" [(ngModel)]="abc.efg.fromDate" [check]="checkDate()" [keepMessage]="true" [keepInvalid]="true" (onSelect)="dateOnSelect($event)" alwaysShow></p-calendar> 应用程序组件中 checkDate() 的实现如下所示 checkDate(): ValidatorFn { return (control: AbstractControl): { [key: string]: any } => { console.log('date from : ', this.abc.efg.fromDate); // other implementation } } 我面临的问题是，每当我选择一个日期（通过单击图标）时，我都会在 checkDate() 中接到电话，并且 this.abc.efg.fromDate 的值始终为 null，但我得到 的值函数中的 this.abc.efg.fromDate dateOnSelect($event) setDateOnSelect(event): void { console.log('new date from: ', this.abc.efg.fromDate); } 我该如何解决这个问题？ 编辑：除了直接将值传递给函数之外，我还能在验证器上做些什么吗？ ？ PS：this.abc.efg.fromDate是日期字段。 要解决此问题，您可以使用“ngModelChange”。这直接捕获变化并返回值。 <p-calendar [showOnFocus]="false" [locale]="sw" dateFormat="yy-mm-dd" [style]="{'width': '120px'}" [showIcon]="true" [(ngModel)]="abc.efg.fromDate" [keepMessage]="true" [keepInvalid]="true" (onSelect)="dateOnSelect($event)" (ngModelChange)="checkDate($event)" alwaysShow> </p-calendar> 在 ts 文件中创建一个函数。 checkDate(newDate: any){ console.log(newDate); } 希望这有效并解决您的问题。

覆盖默认的 primeNG 图标而不创建自定义组件

我下面有以下代码。我想要做的是更改出现的图标，同时保留相同的 API（图标：'pi pi-check-circle'，参数）。换句话说，我想要零编辑......

如何使用primeng根据角度中其他下拉菜单的选择来显示下拉项目？

我想显示距离该位置最近的商店。因此，我给出了 2 个下拉菜单，一个用于位置（州），另一个用于显示最近的商店（租户）。有6个地点...

Primeng 日历未更新 ngModel 中的日期值

我正在尝试使用带有这样图标的p日历 我正在尝试使用带有这样的图标的p-calendar <p-calendar [showOnFocus]="false" [locale]="sw" dateFormat="yy-mm-dd" [style]="{'width': '120px'}" [showIcon]="true" [(ngModel)]="abc.efg.fromDate" [check]="checkDate()" [keepMessage]="true" [keepInvalid]="true" (onSelect)="dateOnSelect($event)" alwaysShow></p-calendar> 应用程序组件中 checkDate() 的实现如下所示 checkDate(): ValidatorFn { return (control: AbstractControl): { [key: string]: any } => { console.log('date from : ', this.abc.efg.fromDate); // other implementation } } 我面临的问题是，每当我选择一个日期（通过单击图标）时，我都会在 checkDate() 中收到调用，并且 this.abc.efg.fromDate 的值不是我从日期选择器中选择的值，事实上它是日期字段中的前一个值。 我该如何解决这个问题？假设即使我使用图标，ngModel 也应该具有更新的值。 PS：this.abc.efg.fromDate是日期字段。 primeng可能会在其范围/上下文中执行该函数，从包代码中，您的变量未定义，因此，要克服这个问题，您只需进行绑定即可，这将确保该函数在您的控制器中执行背景/范围 <p-calendar [showOnFocus]="false" [locale]="sw" dateFormat="yy-mm-dd" [style]="{'width': '120px'}" [showIcon]="true" [(ngModel)]="abc.efg.fromDate" [check]="checkDate().bind(this)" [keepMessage]="true" [keepInvalid]="true" (onSelect)="dateOnSelect($event)" alwaysShow></p-calendar> 您也可以尝试这种变体，其中之一可能会起作用！ [check]="checkDate.bind(this)()"

JHipster 8.1.0 PrimeNG 图标不会出现在生产中

尝试新的 JHipster 8.1.0。我在以前的版本中成功使用了 PrimeNG 组件。在新的 JHipster 中，PrimeNG 组件似乎可以正常工作，但图标（primeicons）不起作用...

在javascript中从p-fileupload文件列表中清除单个文件

我正在 Angular 应用程序中使用 p-fileupload，并使用 ng-template 添加了一些自定义模板。我添加的内容基本上是为每个上传的文件显示的卡片和卡片...

primeng p-treeSelect 在树中选择子节点后树保持打开状态，选择子节点后如何收缩树

我有一个p-treeSelect，我在树中选择一个子节点，树保持打开状态并且不会仅缩小到祖先，一般树会关闭。 我想让树收缩然后关闭 你可以吗

防止多选下拉菜单在取消选择选项时关闭

我有一个primeng多选下拉菜单： 我有一个 primeng 多选下拉菜单： <p-multiSelect [options]="stateList.items || []" [(ngModel)]="selectedStates" [ngModelOptions]="{ standalone: true }" optionLabel="name" optionValue="id" display="chip" (click)="onMultiSelectClick($event)" (mousedown)="onMultiSelectMouseDown($event)" (ngModelChange)="onMultiSelectChange($event)" placeholder="test"> </p-multiSelect> 效果很好；我可以打开它并选择“全选”复选框或一项一项地选择；问题是当我“取消选择”时，有时它会自动关闭下拉菜单，有时则不会......这只是奇怪的行为 如您所见，我尝试了多个事件来阻止它关闭： onMultiSelectClick(event: Event) { this.isDropdownOpen = !this.isDropdownOpen; } onMultiSelectMouseDown(event: Event) { if (this.isDropdownOpen) { event.stopPropagation(); } } onMultiSelectChange(event: any) { this.selectedStates = event; this.isDropdownOpen = false; } onItemDeSelect(event: Event) { event.stopPropagation(); } 但没有一个奏效；当我想取消选择时（并非总是如此），它会一直关闭。有谁知道我怎样才能阻止它关闭？ 解决此问题的一种方法是使用 OnHide。 <p-multiSelect [options]="stateList.items || []" [(ngModel)]="selectedStates" [ngModelOptions]="{ standalone: true }" optionLabel="name" optionValue="id" display="chip" (onHide)="onMultiSelectHide()" placeholder="test"> </p-multiSelect> 而component.ts文件的变化就会是这样的。声明一个变量来处理它。以及它的功能。 isDropdownOpen: boolean = false; onMultiSelectHide() { // Check if there are selected states if (this.selectedStates && this.selectedStates.length > 0) { // If there are selected states, keep the dropdown open this.isDropdownOpen = true; } else { // If no states are selected, close the dropdown this.isDropdownOpen = false; } } 尝试一下这个方法，看看是否符合您的要求。请告诉我。

Primeng：使用 setValue() 时，分配给 p-inputNumber 的 FormControl 会忽略 [max]-属性

我在 FormGroup 中有一个 FormControl，我可以在其中手动输入一个值，或者它会根据其他值为我计算一个值。我在 ngOnit() 中调用函数来计算

Primeng：使用 setValue() 时，分配给 p-inputNumber 的 FormControl 会忽略 [max]-属性

我在 FormGroup 中有一个 FormControl，我可以在其中手动输入一个值，或者它会根据其他值为我计算一个值。我在 ngOnit() 中调用函数来计算

primeng 表中的延迟加载

我有一个带有 p-dropdown 和 p-table 的组件。当我在下拉列表中选择项目时，我想延迟加载此组件中 p 表中的数据。有可能吗？当我尝试时，我只是懒惰......

PrimeNg 选项卡视图选项卡选择

在 prime ng 的 tabview 文档的可关闭部分中，我看到当我删除最后一个选项卡时，它会转到第一个选项卡。我的问题是：我怎样才能让它转到左侧的选项卡而不是......

PrimeNG 主题字体覆盖 Angular 应用程序字体

我正在尝试在带有 Nova Light 主题的角度应用程序上使用 PrimeNG。我添加了依赖项并将 theme.css 文件添加到 styles.scss 文件中，如下所示。问题来了，PrimeNG 主题结束了

隐藏p日历primeng中的清除按钮

大家好，我正在使用 PrimeNg 和 p-calendar 模块。我的日历显示两个名为“今天”和“清除”的按钮。我的问题是我只想显示一个按钮而不是两个按钮。我不显示的按钮...