primeng 相关问题

确认对话框出现两次

我在我的项目中使用primeng。我有一个 mat-tab，两者内部都有相同的组件，该组件是一个带有按钮的表单，当我按下该按钮时会显示一个确认对话框。问题是，当我...

Prime-ng p-checkbox [ngModel]="shouldShowValue(group, user)" 无法通过函数确定所选值

这是我的 p 表的行 {{用户.用户名}} {{use.userSurname}} 这是我的 p 表的行 <tr> <td>{{user.userName}}</td> <td>{{use.userSurname}}</td> <td *ngFor="let group of groups"><p-checkbox [(ngModel)]="showValue(group, user)" [binary]="true" (change)="setSelectedValue(group, user)"></p-checkbox></td> </tr> 如果我使用普通复选框而不是 p-checkbox [checked]="showValue(group,permission) 按预期工作 看来我无法传递 [(ngModel)] 函数来确定是否应该检查它，有人可以帮助我提供替代方案吗？ 由于您已经处理了 change 事件，因此没有必要处理 ngModelChange 事件（这就是 [(ngModel)] 中 parenthesis 的意思），所以： <p-checkbox [binary]="true" [ngModel]="showValue(group, user)" (change)="setSelectedValue(group, user)" ></p-checkbox>

PrimeNg 树表。默认选定行

您能否帮助我了解如何默认选择/突出显示树表中的行？ TreeNode接口没有与突出显示行相关的东西。 谢谢 输入：默认...

如何在日历上设置默认时间

我的页面上有以下 p 日历： 我的页面上有以下 p-calendar： <p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" dateFormat="dd-mm-yy" [formControl]="start" [showTime]="true" [showSeconds]="false" hourFormat="24" inputId="time"> </p-calendar> 我的打字稿声明 start: start = new FormControl('', [Validators.required]); 目前，当我加载页面时，默认时间是我打开页面的时间，我需要将默认时间设置为上午 8:00，同时将日历字段保留为空，我尝试过设置默认日期，但我不能只设置时间，日期字段也不断填充，有人知道如何设置默认时间吗？ 在Primeng日历中，有一个属性叫做defaultDate。 只需像这样设置这个属性： <p-calendar [defaultDate]="defaultTime" [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" dateFormat="dd-mm-yy" [formControl]="start" [showTime]="true" [showSeconds]="false" hourFormat="24" inputId="time"> 在您的 ts 文件中，定义 defaultTime 变量，如下所示： defaultTime: Date; ngOnInit() { this.defaultTime = new Date(); defaultTime.setHours(8, 0, 0); }

onNodeContextMenuSelect 在 p 树中不起作用

当我右键单击时，此事件不是

p-下拉菜单不显示带有动态选项的选定值

我有一个带有两个互连下拉菜单的动态表单。第一个下拉列表中的每个选项都包含第二个下拉列表中选项的嵌套列表。然而，当链接的下拉菜单应该...

如何在 Typescript 中保持枚举列表中的顺序

我创建了一个枚举列表，并希望将其用作角度中的下拉列表，但该列表会自动对我的列表进行排序，而不是将其显示为我写为枚举的顺序。 我的枚举： 导出枚举汽车{ ...

在 primeng 多选对话框关闭时触发事件

我正在尝试使用 primeng 多选组件。我想在用户关闭多选下拉列表后立即获取所有选定的值。有办法做到吗？我知道我们有 onChange() ev...

npm 可以帮助识别 Angular 16 依赖项的 Primeng 兼容版本吗？

在尝试安装primeng时，我遇到了以下错误消息： npm i primeng npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解析依赖关系树 npm 错误！ npm 错误！虽然决心...

Angular 17 ngprime 编辑器不显示 ngmodel 值

我正在 Angular 17 中使用 ng prime 和 sakai 主题。我正在尝试使用 ngprime 编辑器，但不渲染 ng 模型。 这是我的项目详细信息： 测试组件.ts 从 '@ang...

Primeng 12 Angular 12 自定义库：在...中声明的错误符号字段集在compileOnSave后不会从primeng/fieldset导出

我对 primeng 和 Angular 感到头疼，当我将 primeng 添加到我的 Angular 库时（它已经安装在主项目中），这一切都会发生。构建库和主项目后

无法在prime ng表的每一行添加复选框

我正在尝试在 prime ng 表中添加复选框，但收到以下错误vendor.js:73494 ERROR NullInjectorError: R3InjectorError(AppModule)[Table -> Table]: 。这就是我正在尝试的...

为什么我无法阻止用户编辑 PrimeNG 表单字段值？

我正在使用 PrimeNG 开发 Angular 项目，并且在尝试禁用文本表单编辑到字段时发现以下困难。 基本上进入我的组件的 HTML 代码...

Angular 和 PrimeNg FileUploader：如何在渲染组件时显示所选文件的列表？

我正在使用 Angular 17 和 PrimeNg 17 复制者在这里： 关联 我的目的是让一个或多个预选文件显示在所选文件列表中。正如你所看到的，我称之为。

扩展数据视图背景颜色以填充卡片

我有这个： https://stackblitz.com/edit/primeng-dataview-demo-1kpf4h?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.scss 确保您位于网格视图中。 我想要的只是流行

PrimeNG Calendar 需要找到一种方法来覆盖默认的输入键行为

我正在使用PrimeNG的日历组件。对于特定场景，我想覆盖默认的 Enter 键行为。目前，当日历打开时，Enter 键会关闭日历。我想跑步

Angular 搜索和添加功能

我目前有： ngOnInit() { this.getUsers(); } 获取用户（）{ this.http.get(“https://graph.microsoft.com/v1.0/users”) .订阅（用户=> {

当新数据从父组件到达时如何重新渲染子组件

我有以下代码。父组件使用 @Input 指令向子组件发送一些数据： 父 HTML 我有以下代码。父组件使用 @Input 指令向子组件发送一些数据： 父 HTML <div> <my-timeline [data]="data"> </my-timeline> </div> 在Parent TS中有一个服务向data提供数据 家长TS data=[]; ... this.service.getData().subscribe(res => { res.map(item=>{ this.data.push({ ... }); }) }) 孩子收到的信息是 儿童TS @Input data; eventArray=[]; ngOnInit() { console.log("called"); // called only for the first time createTimeline(data[0].id); // called only for the first time } createTimeline(id) { // called only for the first time this.eventArray.push(.....) } 子 HTML <p-timeline [value]="eventArray"> ... </p-timeline> 问题是p-timeline继续显示旧事件，即第一次加载的事件。因为父级的后续数据更改不会导致子级中的 ngOnIt 运行。这就是为什么 createTimeline 再也没有被调用过。请参与。 为了检测 @Input 属性的更改，您可以实现以下操作之一： Setter - 将 @Input() 属性实现为 getter 和 setter，如下所示： private _data: any; @Input() set data(value: any) { this._data= value; if(this._data) this.createTimeline(this._data[0].id) } get data(): any{ return this._data; } OnChanges 生命周期挂钩 - 首先解释一下什么是OnChanges钩子？ 来自 Angular.io： OnChanges 是一个生命周期钩子，当任何数据绑定属性 指令更改。定义一个 ngOnChanges() 方法来处理 变化。 让我们实现 OnChanges 生命周期挂钩，如下所示： @Component({...}) export class SelectedPlayerComponent implements OnChanges { @Input() data; ngOnChanges(changes: SimpleChanges) { if(changes.data) { this.createTimeline(changes.data.currentValue[0].id);//the new value that's changed } } } 感谢 Todd Motto 关于 检测角度输入变化 的好文章 在所有组件上使用 ChangeDetectionStrategy.Default 或使用不可变数据方法，例如 this.data = [...this.data, {//item}]; 可以在 docs 中阅读它，以及 Angular ngOnInit 的工作原理

Primeng MenuItem 的命令不起作用

我创建了一个表格组件，并为每行添加一个拆分按钮并尝试调用该函数但不起作用 这是我用来创建菜单项的函数 获取项目（行数据...

更改Primeng中的进度条颜色

我们如何更改Primeng中的进度条颜色。在进度条文档中，它列出了 ui 进度条值 作为宽度根据值变化的元素。 但是当在...