primeng 相关问题

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

如何修复由于 primeng fileupload 模块 p-fileupload 标签而导致 Angular 构建失败的问题

错误:src/app/shared/fileupload/fileupload.component.html:2:87 - 错误 NG8002:无法绑定到“多个”,因为它不是已知的道具 'p-fileUpload' 的权限。 如果“p-fileUpload”是 Angular 组件...

回答 1 投票 0

primeNG 升级到 8.0.1 加载数据表时出错

我需要将我的primeng套餐从7升级到8。 我收到以下错误: anager-console/src/main/frontend/node_modules/primeng/primeng"' 没有导出成员“DataTable” 以下

回答 4 投票 0

错误:错误:0308010C:数字信封例程::不支持[角度]

我试图在詹金斯上构建我的项目。本地构建成功,但 Jenkins 构建失败。有什么解决办法吗? 我正在使用 primeng 模块来实现 p-organizationchart。我怀疑...

回答 8 投票 0

无法解析依赖关系:来自根项目的 [email protected] node_modules/codelyzer dev codelyzer@"^5.1.2" 的对等 tslint@"^5.0.0 || ^6.0.0"

我在创建我的 Angular 项目时遇到问题,我已经尝试更新@Angular / core 尝试删除节点模块文件夹并重新安装 我改变了我的node和npm的版本 没什么...

回答 2 投票 0

primeng:将焦点放在控制上

抱歉这个菜鸟问题...... 使用 primeng 包时,将焦点设置在控件上的推荐方法是什么?使用传统输入控件时,我设置了一个表单变量(#variable...

回答 4 投票 0

如何在 Angular 2.0 中以编程方式触发 PrimeNG Accordion Click?

我有一个手风琴,如下所示。 单击链接时,我需要触发所有 p-accordianTab 元素的单击事件。 这怎么可能? {{

回答 7 投票 0

PrimeNg selectButton:如何显示选定的按钮

我有一系列 PrimeNg selectButtons,需要显示第一个按下的按钮。 没有找到任何相关指导。 有人知道可以执行此操作的 API 吗?

回答 2 投票 0

如何在 PrimeNG Angular 中的轮播上缩放效果

我需要在轮播上添加放大效果。只有活动图像才应放大。 我添加了下面的代码,它按预期工作,但我发现了一个问题。 CSS代码 ::ng-deep p-carousel.p-car...

回答 1 投票 0

与 @tailwind base 一起使用时,不应用 PrimeNG 样式;

我正在开发一个使用 Angular 和 Tailwind 的项目,最近我们决定添加 PrimeNG 以利用它们拥有的一些组件。然而,我们意识到样式并没有应用到...

回答 2 投票 0

如何将 Primeng Table ui 转换为 json 格式?

我正在使用primeng表,在ui上显示多个记录,所以使用静态html我创建了一个primeng表,现在我想创建一个json格式的表记录以将其动态绑定到html上。 我...

回答 1 投票 0

Angular CSS 属性值与空格连接在生产中已消失

老实说我不知道如何在CSS上描述这个错误。让我们看一下图像。 Chrome 和 Firefox 最新 角16 素萌:16 服务器:云耀 包.json “依赖项”:{...

回答 1 投票 0

Angular 2 + PrimeNG 中如何避免 UI 在数据之前加载?

我是 Angular 2 的新手,我也在使用 PrimeNG。 只是为了说明发生的情况,我复制了“Configurações”选项卡,正如您在图像上看到的那样。 这两个选项卡的代码完全相同...

回答 3 投票 0

PrimeNG 升级到 15.0.0 后“p-grid”样式不起作用

目前我正在 Angular 15 中进行 Primeng 升级。 场景:根据要求,我们将 Angular12 PrimeNG(harmony-ng-12.2.0) 项目与 PrimeNG((harmony-ng-...

回答 1 投票 0

Angular 16 按钮未解析?

在我的 Angular 16 项目中,我使用以下代码添加了 primeicon/primeng 按钮 在我的 Angular 16 项目中,我使用以下代码添加了 primeicon/primeng 按钮 <button pButton label="Clear" class="p-button-outlined" icon="pi pi-filter-slash" (click)="clear(dt)"></button> 我希望它呈现如下代码沙盒中的效果 <button _ngcontent-ng-c2027729110="" pbutton="" label="Clear" icon="pi pi-filter-slash" class="p-element p-button-outlined p-button p-component" ng-reflect-label="Clear" ng-reflect-icon="pi pi-filter-slash"><span class="p-button-icon p-button-icon-left pi pi-filter-slash" aria-hidden="true"></span><span class="p-button-label">Clear</span></button> 但是,在我的测试页面上,它呈现了 <button _ngcontent-ng-c2105745702="" pbutton="" label="Clear" icon="pi pi-filter-slash" class="p-button-outlined"></button> 我想知道我需要什么设置才能使其工作? 谢谢 将其添加到您的 module.ts 文件中: import {ButtonModule} from 'primeng/primeng'; @NgModule({ imports: [ ButtonModule ]

回答 1 投票 0

PrimeNg styleClass 不改变 p-panel 的样式

我正在使用 primeNg。我的 .html 和 .scss 文件如下所示。但我无法为 p-panel 提供任何 styleClass。我的代码有什么问题? .html 文件 ...

回答 3 投票 0

p-dropdown 不会使用反应式表单手动设置值

我尝试在某些服务检索一些信息后手动设置表单,并且我需要再次设置回下拉列表中的值(为了实用,使用 setTimeout )。 旁边是正常的

回答 1 投票 0

页眉中带有 p-selectButton 的 p 日历

我正在做某种仪表板,我需要使用 p-日历来过滤一些内容。我想让这个组件看起来像另一个组件: 正如您所看到的,第一个问题是 ele...

回答 1 投票 0

AppendTo 与 primeng 菜单utton 相关的问题

我有一个带有按钮的导航栏,当我单击该按钮时,它会打开主菜单。在 primeng 菜单中我插入了一个 [AppendTo]="body",实际上我尝试将它也绑定到外部...

回答 1 投票 0

预选择节点时,treeSelect 始终处于扩展模式

我们使用的是Primeng 13.1.0,其中我们使用的是TreeSelect组件。 我们的场景是,我们预先填充 selectedNodes 并在页面初始化时分配它们,一旦我们打开树...

回答 1 投票 0

我想更改PrimeNG树表的行高

<p-treeTable [value]="files" [columns]="cols" selectionMode="single" [metaKeySelection]="metaKeySelection" [(selection)]="selectedNode" dataKey="name" [scrollable]="true" class="tableStyle ui-treetable-sm"> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns"> {{ col.header }} </th> </tr> </ng-template> <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns"> <tr [ttRow]="rowNode" [ttRow]="rowNode" > <td *ngFor="let col of columns; let i = index"> <p-treeTableToggler [rowNode]="rowNode" *ngIf="i === 0"></p-treeTableToggler> {{ rowData[col.field] }} </td> </tr> </ng-template> </p-treeTable> 我想将行高调整小,但我做不到。可以增加行高。当前代码视图中无法修改行高,如上图 我想改变行高 使用下面的代码,您可以增加或减少 PrimeNG 树表行的高度。 <p-treeTable [value]="files" [columns]="cols"> <ng-template pTemplate="body" let-rowData="rowData" let-columns="columns"> <tr [ngStyle]="{height: '65px'}"> <td *ngFor="let col of columns;"> {{ rowData[col.field] }} </td> </tr> </ng-template> </p-treeTable> 或者你也可以使用 css 改变高度,如下所示 .p-treetable .p-datatable-wrapper .p-datatable-tbody { height: <row-height>; }

回答 1 投票 0

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