primeng 相关问题

使用此标记可以获得有关PrimeNG的问题,PrimeNG是Angular的UI组件集合。标记为[primeng]的问题也应标记为[angular],但不是[primefaces]。

如何通过索引更改行的颜色

我有一个使用 primeng 进行单元格编辑的表格,其数据由 API 完成,因此该表格永远不会具有相同数量的行和相同的顺序。如果

回答 1 投票 0

PrimeNg 日历组件 - 如何全局设置属性?

我有一个日历(https://www.primefaces.org/primeng/showcase/#/calendar),我想在每次使用元素“p-calendar”时全局设置一些属性。 (例如“

回答 2 投票 0

如何使用 *ngFor 连接 Angular 中 p-dropdown 选项中 optionLabel 中的两个属性?

我需要连接两个属性并将其显示在 Angular 的 p 下拉列表中的 optionLabel 中?我可以在 mat-select 中执行此操作,但不能在 p-dropdown 中执行此操作。 任何转换以下内容的帮助...

回答 1 投票 0

p-fileUpload 更改多个控件的默认图标

我在表单上上传了两个文件,我想为每个控件应用不同的图标。 我在表单上上传两个文件,我想为每个控件应用不同的图标。 <p-fileUpload mode="basic" title="Photo" name="Photo[]" accept="image/*" ></p-fileUpload> <p-fileUpload mode="basic" name="signature[]" accept="image/*" ></p-fileUpload> 目前我只能进行一项控制。我尝试使用 name 和 title 但没有成功。 :host ::ng-deep .p-fileupload-choose { background: none; border: none; content: url('../autograph.png') !important; } 另外,我听说 ng-deep 已被弃用。还有其他方法可以做到这一点吗? 堆栈闪电战 最简单的方法是覆盖组件的chooseicon模板: <p-fileUpload mode="basic" title="Photo" name="Photo[]" accept="image/*"> <ng-template pTemplate="chooseicon"> <img class="icon" src="../autograph.png" /> </ng-template> </p-fileUpload> <p-fileUpload mode="basic" name="signature[]" accept="image/*"> <ng-template pTemplate="chooseicon"> <img class="icon" src="../something-else.png" /> </ng-template> </p-fileUpload> .icon { width: 16px; height: 16px; } 堆栈闪电战

回答 1 投票 0

确认对话框出现两次

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

回答 1 投票 0

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>

回答 1 投票 0

PrimeNg 树表。默认选定行

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

回答 1 投票 0

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

我的页面上有以下 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); }

回答 1 投票 0

onNodeContextMenuSelect 在 p 树中不起作用

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

Angular 17 ngprime 编辑器不显示 ngmodel 值

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 3 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.