使用此标记可以获得有关PrimeNG的问题,PrimeNG是Angular的UI组件集合。标记为[primeng]的问题也应标记为[angular],但不是[primefaces]。
primeng autocomplete:在自动完成中设置为true,但在tab out of tab或外部鼠标click
<p-autoComplete formControlName="trailerNumber" [suggestions]="bookCarrierModel.trailerList" field="label" [minLength]="3" placeholder="Enter Trailer #" (completeMethod)="searchTrailerList($event)" [forceSelection]="true" type="number"></p-autoComplete>
我有一个动态生成formcontrol实例列表的formarray。
primeng v19 Ordorlist组件 - 单击列表项目不起作用
在更新Primeng V19之后,使用有序列表组件退出工作。意思是,您无法在列表中选择一个项目。我用v16追逐了一个stackblitz,并做了一个快速的t ...
如何处理删除的Primeng.min.css并修复样式问题? 我目前正在将Primeng从17版升级到18号,并由于V18的重大变化而遇到了样式问题。关键更改之一是资源/文件夹已被删除,这意味着
"styles": [ // NOTE: Styles MUST remain in this order! "node_modules/bootstrap/dist/css/bootstrap.min.css", "node_modules/primeng/resources/primeng.min.css", "projects/xxxxxxxx/resources/primeng-xxxxx-theme.scss", "node_modules/primeicons/primeicons.css", "projects/component-test-app/src/styles.scss", "projects/xxxxxxxx/resources/style-guide.scss", ],
"styles": [ // NOTE: Styles MUST remain in this order! "node_modules/bootstrap/dist/css/bootstrap.min.css", "node_modules/primeng/resources/primeng.min.css", "projects/xxxxxxxx/resources/primeng-xxxxx-theme.scss", "node_modules/primeicons/primeicons.css", "projects/component-test-app/src/styles.scss", "projects/xxxxxxxx/resources/style-guide.scss", ],
角Primeng Singleton Services(确认,消息)在View
我有一个Angular V19.0应用程序,Primeng Toast和确认服务存在问题。我已经在app.module.ts中导入的核心模块中提供了服务 但是每当我hisje时...
有人可以告诉我如何在Angular中检查财政代码(至少为姓名和姓氏)? 示例 - > 名称:洛伦佐 姓:罗西 我如何检查我正确输入了辅音o ...
当 ngModel 变量是对象时,p-dropdown 不显示正确的标签
我正在使用 PrimeNG 的 p-dropdown 组件。当页面最初加载时,我正在设置 ng-model,但下拉列表始终将第一个元素显示为所选元素。 超文本标记语言 我正在使用 PrimeNG 的 p-dropdown 组件。当页面最初加载时,我设置 ng-model 但下拉列表始终将第一个元素显示为所选元素。 HTML <p-dropdown [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [showClear]="true"></p-dropdown> <p>Selected City: {{selectedCity ? selectedCity.name : 'none'}}</p> TS this.cities = [ {label:'New York', value:{id:1, name: 'New York', code: 'NY'}}, {label:'Rome', value:{id:2, name: 'Rome', code: 'RM'}}, {label:'London', value:{id:3, name: 'London', code: 'LDN'}}, {label:'Istanbul', value:{id:4, name: 'Istanbul', code: 'IST'}}, {label:'Paris', value:{id:5, name: 'Paris', code: 'PRS'}} ]; 此处 纽约 显示为下拉列表中选定的城市,即使我将 ng-model 更改为其他城市。 我认为你的问题在于optionLabel="name",因为你的城市对象不包含name键。 要么将其替换为 optionLabel="label",要么将城市对象从 更改为 {label:'New York', value:{id:1, name: 'New York', code: 'NY'}} 到 {name:'New York', value:{id:1, name: 'New York', code: 'NY'}} 参见StackBlitz 我也遇到了一个关闭问题,我在 Stack-Overflow 上没有找到任何答案 - 因此解决方案还有另一个问题: 我使用服务从后端注入选项(失败版本): <p-dropdown class="mt-2" [options]="this.groupOptions" [(ngModel)]="this.selectedOption" [loading]="isLoading" placeholder="Choose a usergroup to activate" /> groupOptions 在构造函数中初始化: constructor(private _backendService: SomeControllerService) { this._backendService.getAllUserGroups().subscribe(groups => { this.groupOptions = []; groups.forEach(g => this.groupOptions!.push({ label: g.name??"Error", value: g.id??-1 })); }); } 问题是,数据加载太晚,primeng 无法正确构建下拉菜单。然后我在 primeNg Api 中发现了这个简单的指令,它像魔法一样解决了我的问题(加载)。 固定版本: <p-dropdown class="mt-2" [options]="this.groupOptions" [(ngModel)]="this.selectedOption" [loading]="isLoading" placeholder="Choose a usergroup to activate" /> 只需要更新变量: isLoading: boolean = true; constructor(private _backendService: SomeControllerService) { this._backendService.getAllUserGroups().subscribe(groups => { this.groupOptions = []; groups.forEach(g => this.groupOptions!.push({ label: g.name??"Error", value: g.id??-1 })); isLoading: boolean = false; }); } 我希望它对某人有帮助:)
PrimeNG 19 - 更改对话框页眉和页脚的背景颜色[关闭]
我从 Angular 4 开始就一直在使用 PrimeNG。我将我的应用程序更新到 Angular 18 和 PrimeNG 17,因为 PrimeNG 更新较晚。 本周我用最新的 19 个 Angular 和
我正在将 Angular 项目从 Angular 17 更新到 19,同时从 PrimeNG 版本 17 更新到 19。这涉及迁移到 PrimeNG 18 引入的新主题结构。 到目前为止