primeng 相关问题

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 模块。我的日历显示两个名为“今天”和“清除”的按钮。我的问题是我只想显示一个按钮而不是两个按钮。我不显示的按钮...

PrimeNG 日期格式从 11:53 到 11.53

PrimeNg 有 您可以像这样设置日历的日期格式： 日期格式=“时:分” 在这种情况下，您可以输入 11:53 即可。 不过，我想进入...

如何在 Ng Prime 菜单栏中设置菜单项的样式？

我刚刚开始使用 ng prime，我使用了 p 菜单栏 这是组件文件： 这个.items = [ { 标签：“第一项...

PrimeNG 文本区域问题，空格键不起作用

先生们！ 我遇到了一个问题，希望您能提出建议！ 我将 Angular 与 PrimeNG GUI 结合使用。 我使用 p 表创建了表并填充域对象。 我可以编辑单元格和行，但我只能写，我不能...

多选显示项目和选定项目（p-多选）

我在显示当前选定的项目时遇到问题（始终返回空白） - 很可能我没有正确迭代对象。虽然不确定最好的方法。我想要的一切...

PrimeNG：DynamicDialog 的自定义标头

有没有办法为动态对话框定义自定义标题模板？ 对于普通对话框，您可以使用自定义 html 代码定义 p-header 标记。 但我没有找到任何...

CSS 定位 p-dropdown primeng 中的第一个选项

我在我的应用程序中使用 primeng，我只想自定义 p 下拉列表中的一个选项，但不知道如何去做。 我在我的应用程序中使用 primeng，我只想自定义 p 下拉列表中的一个选项，但不知道如何去做。 <p-dropdown id="dropdown" [options]="options" optionLabel="name" optionValue="name"></p-dropdown> 我有这个作为我的CSS： p-dropdown ::ng-deep .p-dropdown-item { /* my custom css for one option only */ } 我尝试使用 :first, :first-child, :first-of-type, :nth-child, :nth-of-type 来看看我是否可以只定位一个选项，但它仍然将 css 应用于所有下拉菜单中的选项。我该怎么办？ PS：这个问题与 select 元素无关，与 primeng p-dropdown 元素有关。请完整阅读问题。 请注意，有 p-dropdownitem 元素和 p-dropdown-item CSS 类： <p-dropdownitem ...> <li class="p-dropdown-item" ...> <span ...>LABEL</span> </li> </p-dropdownitem> 所以，:first-item应该应用于该元素，而不是其具有该类的子元素： p-dropdown ::ng-deep p-dropdownitem:first-child .p-dropdown-item { /* my custom css for one option only */ } 希望这有帮助:)

Primeng日历中的输入栏可以隐藏吗？

primeng日历中是否可以隐藏输入框，只显示图标？我不想将 p-calendar 元素更改为内联，而只是显示将弹出日历的图标...

PrimeNG Dropdown - 如何在一个选项标签中设置两个值

我想在一个标签中设置两个值。例如，如果我打开下拉菜单，它应该显示为： “值1 值2” 与空间在一条线上。 value1 和 value2 数据正在从数据中获取...

CSS 样式不适用于 PrimeNG 组件

我的 Angular 项目需要帮助。 我正在使用 PrimeNG 库，但是当我使用它的组件时，元素上的内联 CSS 类不起作用。有人可以帮我吗？ CSS 全局导入...