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" ...> LABEL </li> </p-dropdownitem> 所以，:first-item应该应用于该元素，而不是其具有该类的子元素： p-dropdown ::ng-deep p-dropdownitem:first-child .p-dropdown-item { /* my custom css for one option only */ } 希望这有帮助:)

css angular css-selectors primeng primeng-dropdowns

回答 1 投票 0

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

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

css angular primeng primeng-calendar

回答 3 投票 0

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

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

angular primeng primeng-dropdowns

回答 2 投票 0

CSS 样式不适用于 PrimeNG 组件

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

html css angular import primeng

回答 1 投票 0

如何使此列表不区分大小写并在 primeng 下拉列表中按字母顺序列出？

例如我有一个数组的对象如下：常数人 = [ {值：“杰森”}， {值：“安娜”}， {值：“铁”}， ] 目前，结果是：如何

angular dropdown primeng

回答 1 投票 0

PrimeNG 滑块 - 单击事件

我正在尝试 primeng 的滑块组件，令我惊讶的是，我发现他们没有任何滑块的 onClick 事件，尽管如此，我看到他们暴露了 onChange 和 onSlideEnd 事件......

angular primeng

回答 1 投票 0

PrimeNg 禁用手风琴展开按钮

有没有办法有条件地禁用 PrimeNg 手风琴中的展开按钮而不禁用整个标题？我在标题中有一些其他按钮并希望它们可单击，我只想...

angular primeng

回答 2 投票 0

primeng p-多选下拉过滤器搜索未显示未找到结果 primeNG v-16.7.1

我添加了 primng p-multiselect，并且我有一个过滤器，当找不到结果时我可以在其中进行搜索，而不是消息未出现输入图像描述，我正在谈论...

html angular frontend primeng angular-fullstack

回答 1 投票 0

在表格 Angular 8 中添加链接

我有一个包含一些列的表格，并且有一个可以单击和下载的“文档”列。我怎样才能只将文档名称设为链接？超文本标记语言我有一个包含一些列的表格，还有一个可以单击和下载的“文档”列。我怎样才能只将文档名称设为链接？ HTML <p-table #dt3 [columns]="colsPermessi" [value]="permessi" [paginator]="true" [scrollable]="false" [rows]="10" [autoLayout]="true"> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns" pResizableColumn>{{col.header}} </th> <th>Azioni</th> <th>Permessi</th> </tr> </ng-template> <ng-template pTemplate="body" let-rowData let-columns="columns"> <tr [pSelectableRow]="rowData"> <td *ngFor="let col of colsPermessi"> {{rowData[col.field]}} </td> </tr> </ng-template> 因此，我希望“文档”列可单击，单击时它会调用“downloadFile ()”函数。我该怎么做？这可以使用 *ngIf 来分隔你的案例来完成。对于 documento 列，使用 ngIf 插入超链接标记。对于其他所有内容，只需插入文本即可。请参阅下面的示例： <ng-template pTemplate="body" let-rowData let-columns="columns"> <tr [pSelectableRow]="rowData"> <td *ngFor="let col of colsPermessi"> <a [href]="col.url">{{rowData[col.field]}}</a> {{rowData[col.field]}} </td> </tr> </ng-template> 我可以看到/a标记，但我看不到标记

angular html-table hyperlink download primeng

回答 2 投票 0

PrimeNg 复选框执行功能

我一直在尝试让一个函数在按下数据表中的复选框时发生。基本上我拥有的是一个包含默认值的数据表（例如 1 到 10）。然后我给出一个数组

javascript checkbox primeng

回答 1 投票 0

如何解决Angular 10 primeng NullInjectorError：没有ConfirmationService的提供者？

我正在使用 primeng verifyDialog，它需要在我的 Angular 10 项目中使用confirmationService，但 localhost:4200 上没有显示任何内容，并且我在 Chrome 控制台中收到以下错误。错误

angular primeng primeng-dialog

回答 2 投票 0

如何防止点击子节点时覆盖TreeSelect复选框自动折叠

在primeNg的网站文档中https://primeng.org/treeselect#checkbox 首先，我单击“文档”复选框 ->“主页”复选框当我单击文档 -> 主页时其次，我单击发票复选框资源...