primeng 相关问题

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

寻找解决方法：p-table 中带有 class="ng-invalid" 的 p-dropdown 会阻止编辑表中的其他输入

在 Angular (17.3.12) 和 Primeng (17.18.6) 环境中，我有一个 p 表，其中包含可编辑的 p 下拉列。一旦 p 下拉菜单将 class="ng-invalid" 排除在外

angular validation primeng p-table p-dropdown

回答 1 投票 0

如何在chartJS中制作虚线或点线？

我正在使用 PrimeNG 并设置了一个包含两个数据集的折线图。其中一条线是实线，我想将另一条线设为虚线或点线。 ChartJS 有这个选项吗？

chart.js primeng

回答 2 投票 0

<p-tabPanel> 未使用 <p-tabView><ng-content> 投影到 PrimeNG

我想创建一个由一组选项卡组成的 Angular 组件，第一个选项卡始终存在，但其余选项卡可能会有所不同。所以我决定创建一个组件 BaseTabView

angular project primeng tabview ng-content

回答 1 投票 0

将脉冲/呼吸效果应用于primeng的卡片边框

我有一个员工列表显示在primeng的一个卡片类中。我有一张primeng的卡片类中显示的员工名单。 <ng-template pTemplate="gridItem"> <div class="grid grid-nogutter"> <div *ngFor="let employee of employees" class="col-12 md:col-4"> <div class="card m-3 surface-border" [ngClass]="{'alert-card': employee.hasAlert}"> 如果我将其添加到我的 scss 中 .alert-card { border: 2px solid rgba(231, 8, 100, 0.55) !important; } 我正确地看到了边框（仅当我在末尾添加 !important 时）我现在想要的是在该边界上有一个脉冲效果，使它慢慢变成红色，红色循环消失，所以我尝试了这个 .alert-card { animation: fadeColor 1s infinite; } @keyframes fadeColor { 0%, 100% { border-color: transparent; } 50% { border-color: rgba(231, 8, 100, 0.55) !important; } } 或者我也尝试过这个 .alert-card { border-width: 3px; border-style: solid; border-color: transparent; animation: fadeColor 1s infinite; } @keyframes fadeColor { 0%, 100% { border-color: transparent; } 50% { border-color: rgba(231, 8, 100, 0.55); } } 也没有效果。在这种情况下，我可以看到至少一个 3px 的大边框，它是灰色的（默认颜色），但没有应用任何效果。但不幸的是它没有效果。预先感谢您的贡献。您可以删除 !important 并直接应用样式。这个来自 w3 的示例有助于让 CSS 恰到好处。我们可以指定默认的边框颜色（确保不设置为 important），那么动画只需要设置 50% 就会跳动。 .alert-card { border-width: 2px !important; border-style: solid !important; border-color: transparent; animation: fadeColor 1s infinite; border-radius: 6px; } @keyframes fadeColor { 50% { border-color: rgba(231, 8, 100, 0.55); } } Stackblitz 演示

css angular angular-material primeng

回答 1 投票 0

显示来自拦截器函数 Angular 18 的消息

在升级到 Angular 18 和基于函数的拦截器之前，我使用的是传统的基于类的拦截器，并且能够在使用 sim 发生错误时在屏幕上发出警报...

angular typescript primeng interceptor angular18

回答 1 投票 0

自动完成不显示建议

我正在尝试使用 formly (json) 使 primeng 自动完成组件工作，但由于未显示建议而陷入困境：onComplete 函数显然正在工作，因为结果从 ws cal 返回...

angular primeng ngx-formly

回答 1 投票 0

在打开分组下拉菜单时添加下拉选项

当用户打开下拉列表时，我想添加一个下拉项。这在未分组的下拉列表中没有问题，但是当我设置 [group]="true" 时，这似乎不再起作用...... 我

angular primeng

回答 1 投票 0

如何设计或删除 PrimeNG p 表网格线？

我正在尝试删除或至少更改 p 表网格线的颜色。我尝试检查浏览器上的代码，看看是否可以找到创建这些行的元素，但我找不到它。我...

angular primeng primeng-datatable

回答 4 投票 0

能够禁用 primeNG 编辑器框

如果我们可以使用禁用属性来禁用 primeNG 编辑器框，那就太好了，类似于 textarea 的可用功能：这个</desc> <question vote="6"> <p>如果我们可以使用禁用属性来禁用 primeNG 编辑器框，那就太好了，类似于文本区域可用的内容：</p> <pre><code><textarea rows="3" cols="10" disabled="disabled"> This textarea is grayed out and disabled for interaction. </textarea> </code></pre> <p>但遗憾的是这不起作用。您知道如何使用 p-editor（primeNG 编辑器）执行此操作吗？ </p> </question> <answer tick="false" vote="2"> <p><pre><code>p-editor</code></pre>正在使用quill编辑器，您可以使用<pre><code>disable()</code></pre>方法：<a href="http://beta.quilljs.com/docs/api/#disable" rel="nofollow">http://beta.quilljs.com/docs/api/#disable</a></p> <p>您可以通过以下方式从组件中获取对 <pre><code>quill</code></pre> 编辑器的引用：</p> <pre><code>@ViewChild(Editor) editor:Editor; // "Editor" is the prime-ng class definition </code></pre> <p>并创建一个如下方法：</p> <pre><code>myMethod() { this.editor.quill.disable(); } </code></pre> </answer> <answer tick="false" vote="2"> <p>我知道OP要求<pre><code>disabled</code></pre>，但如果有人在寻找<pre><code>readonly</code></pre>，编辑器接受<pre><code>[readonly]</code></pre>属性。</p> <p>例如：</p> <pre><code><p-editor formControlName="desctiption" [style]="{'height':'120px'}" [readonly]="disable"></p-editor> </code></pre> </answer> <answer tick="false" vote="2"> <p>您可以使用 p-editor 的 <strong>[readonly]</strong> 属性并通过 <strong>true</strong> 强制它。示例：</p> <pre><code> <p-editor formControlName="desctiption" [style]="{'height':'120px'}" [readonly]="true"></p-editor> </code></pre> </answer> <answer tick="false" vote="0"> <pre><code>:host ::ng-deep { .p-editor-content { .ql-editor { background: #d9d9d9 !important; } } } </code></pre> <p>您可以将灰色颜色设置为<pre><code>p-editor-content</code></pre>，这样它看起来就像是灰色的</p> </answer> </body></html>

angular primeng

回答 0 投票 0

未执行菜单项标签翻译

给定以下组件 @成分（{ 选择器：'侧边栏菜单'， templateUrl: './sidebar-menu.component.html', styleUrls: ['./sidebar-menu.component.scss'], }) 导出类 SidebarMenuCom...

angular primeng ngx-translate primeng-menu

回答 2 投票 0

将元素推入数组并不会更新 primeng p 表

我正在使用 primeng p-table 以表格格式显示数据。我将属性“证书”绑定到值。该网格具有增删改查操作，因此我们可以编辑或添加网格中的数据。那么...

angular primeng

回答 2 投票 0

Angular 12 项目的 UI 框架 [已关闭]

我们将在 Angular 12 上创建一个新项目。我需要建议来选择 UI 框架。我们有 Bootstrap 5、Angular Material 和 primeNg 选项。我做了以下研究：嘘...