primeng 相关问题

如何在ngAfterViewInit之后更改PrimeNG的p-card组件的背景？

我想在初始化视图后更新 p 卡（PrimeNG 组件）的背景。 我的真实需求： 我的 p 卡中有一张图像，我想检索图像的主色...

如何使用 Angular 4 Reactive Form 在 PrimeNg MultiSelect 中设置默认选定值？

我正在使用 PrimeNg (PrimeNg Multiselect) 和 Angular4 的 MultiSelect 控件与反应式表单，并且我想在表单加载期间保留一些默认选择的项目。 超文本标记语言 我正在将 PrimeNg (PrimeNg Multiselect) 和 Angular4 的 MultiSelect 控件与反应式表单一起使用，并且我想在表单加载期间保留一些默认选择的项目。 HTML <div class="col-md-4"> <span translate>settings.account.webhook.label.additional.variables</span> <p-multiSelect [options]="sensorsList" (onChange)="changeSensorsList($event)" formControlName="selectedSensorsList" name="selectedSensorsList" [panelStyle]="{minWidth:'20em'}"></p-multiSelect> </div> 这是我的 TypeScript 代码 sensorsList = [ { label: 'lat', value: {'id': 0, 'itemName': 'lat', 'selected': false }}, { label: 'lng', value: {'id': 1, 'itemName': 'lng' , 'selected': false}}, { label: 'address', value: {'id': 2, 'itemName': 'address' , 'selected': false}}, { label: 'origin', value: {'id': 3, 'itemName': 'origin' , 'selected': false}} ]; this.addEditWebhookForm = this._formBuilder.group({ name: [(_webhookToEdit) ? _webhookToEdit['name'] : '', [Validators.required]], selectedSensorsList: [] }); 当您创建selectedSensorsList时，您需要为您的formGroup提供价值： this.addEditWebhookForm = this._formBuilder.group({ ..., selectedSensorsList: [ defaulSensorsList ] }); 或稍后设置该值： this._formBuilder.get('selectedSensorsList').setValue(defaultSenorsList); HTML 您需要在 primeng 组件中设置一个 ngModel <div class="col-md-4"> <span translate>settings.account.webhook.label.additional.variables</span> <p-multiSelect [options]="sensorsList" (onChange)="changeSensorsList($event)" formControlName="selectedSensorsList" name="selectedSensorsList" [panelStyle]="{minWidth:'20em'}" [(ngModel)]="selectedDefault"></p-multiSelect> </div> TS selectedDefault= []; sensorsList.map((item) => selectedDefault.push(item.value)); 在这里我选择了所有这些。 您还必须更新传感器列表对象以将所选值更改为 true 你必须在 ngOnInit 中设置默认选项 selectedSensorsList: [{'id': 0, 'itemName': 'lat'}]

在卡片内使用CSS定位元素

我对卡片中元素的定位有疑问。我希望“右上角元素”类中的元素放置在右上角，而按钮带有...

prime-ng DynamicDialog 页脚中的自定义按钮

PrimeNG，Angular 17。 我在 DynamicDialog 页脚模板上有一个自定义按钮“更改状态”。对话框运行良好，按钮事件正在页脚模板上运行。不过，我想转发...

如何从角度调整元素的宽度：“p-multiselect”，使其始终与最宽的“li”元素一样宽？

我需要以下角度元素的帮助。 我无法使用以下 p-multiSelect 设置自动宽度。我还上传了图片，你可以看到，一些“li”元素比 p-multi 更宽......

PrimeNG 与 KendoUI for Angular - 技术方面 [已关闭]

在回顾决定选择一个 UI 库而不是另一个 UI 库的主要技术点时，在本例中是 PrimeNG 和 KendoUI for Angular，你们中的任何人是否有机会客观地分析

新的 Angular v17 项目 - PrimeNG 与 KendoUI

我需要您的帮助来为我的 Angular v17 项目选择最佳的 UI 库。 我来自一个使用 AngularJs 和 AngularJs-Bootstrap 组件的旧项目。 我看到了

无法在 Angular 12.1.4 上安装 PrimeNg。 npm 错误

我正在尝试将 PrimeNg 添加到我的项目中，但是，我收到这个奇怪的错误，我不知道如何修复它。谁能帮我吗？我的机器中当前安装的 Angular 版本是 12.1.4。 20...

Angular v10：我如何处理 p-calendar 的重叠问题

覆盖超出视口 如何防止覆盖超出浏览器的视口 覆盖层应从上到下完全显示在屏幕上 感谢您的帮助和帮助...

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

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

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

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

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

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

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; } 堆栈闪电战

确认对话框出现两次

我在我的项目中使用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 中保持枚举列表中的顺序

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