primeng 相关问题

我正在使用 ng-prime 的自动完成功能和一个对象“Employee”，该对象内部有“Person”，内部有“name”、“surname 1”和“surname 2” 我正在使用 ng-prime 的自动完成功能和一个对象“Employee”，该对象内部有“Person”，内部有“name”、“surname 1”和“surname 2” <p-autoComplete [(ngModel)]="empleado" [suggestions]="filteredEmpleadosSingle" (completeMethod)="filterEmpleadoSingle($event)" field="persona.nombre" [minLength]="3" [forceSelection]="true"> <ng-template let-empleado pTemplate="item"> <div class="ui-helper-clearfix" style="border-bottom:1px solid #D5D5D5"> <div style="font-size:18px;float:left;margin:10px 10px 0 0">{{empleado.persona.nombre}} {{empleado.persona.apellido1}} {{empleado.persona.apellido2}}</div> </div> </ng-template> </p-autoComplete> 在建议中，如果我得到了这个名字，就会与两个姓氏一起跳跃。当我特别选择一个时，它只显示输入中的名称。属性“field = person.name”仅支持一个属性，我需要将三个属性全部放入我该怎么做，以便当我选择自动完成的项目时，它会显示我的姓名、姓氏1和姓氏2。 “primeng”：“5.2.4” 谢谢你在多种模式下，可以使用 selectedItem 自定义所选项目 ng-template。请注意，该模板不支持单模式。 <p-autoComplete [(ngModel)]="customer" [suggestions]="customerResults" (completeMethod)="searchCustomers($event)" [multiple]="true"> <ng-template let-customer pTemplate="selectedItem"> {{customer.name}} {{customer.firstname}} </ng-template> <ng-template let-customer pTemplate="item"> {{customer.name}} {{customer.firstname}} </ng-template> </p-autoComplete> 您可以在组件中添加功能，例如： showAttributes(customer : any): string { return `${customer.name} - ${customer.firstname}`; } 并在 p-Autocomplete 标记中添加 [field]="showAttributes" 如下： <p-autoComplete [(ngModel)]="customer" [suggestions]="customerResults" (completeMethod)="searchCustomers($event)" [field]="showAttributes">

primeng

回答 2 投票 0

Primeng：p-日历默认日期不起作用

我需要在日期选择器中设置默认日期。我尝试使用 p-calender 的 defaultDate 属性，如下所示：我需要在日期选择器中设置默认日期。我尝试使用 p-calender 的 defaultDate 属性，如下所示： <p-calendar placeholder="mm/dd/yyyy" name="deadline" required [(ngModel)]="deadline" #deadline="ngModel" [showIcon]="true" showTime="showTime" hourFormat="12" [defaultDate]="defaultDate"> Component.ts代码： public defaultDate: Date = new Date(); ngOnInit() { this.defaultDate.setDate(this.defaultDate.getDate() - 5); } 但是，上面的代码不起作用。请帮忙。 //deadline: Date = new Date(0); deadline: Date; defaultDate: Date = new Date("January 31 1980 12:30"); ngOnInit() { //if (this.deadline == undefined) // this.deadline = new Date("June 30 1966 12:30"); } 根据issue，如果该字段为空，defaultDate 将显示首次打开时的月年。 defaultDate 属性不用于设置特定日期，仅在未设置 ngModel 值时适用。要设置默认显示日期，请使用 ngModel 而不是 defaultDate。您必须使用 ngModel 与默认日期绑定，如下所述：打开链接所以，在你的情况下，这样的事情应该有效： <p-calendar placeholder="mm/dd/yyyy" name="deadline" required [(ngModel)]="deadline" #deadline="ngModel" [showIcon]="true" showTime="showTime" hourFormat="12" [defaultDate]=deadline> 更多信息请参考Primeng github中的calendar.ts文件：https://github.com/primefaces/primeng/blob/master/src/app/components/calendar/calendar.ts 我的html： <p-calendar [dateFormat]="'dd/mm/yy'" [maxDate]="minDate" [defaultDate]="minDate" [(ngModel)]="date" [iconDisplay]="'input'" [showIcon]="true" placeholder="JJ/MM/YYYY" id="date" ></p-calendar> 我的ts： export class DateFormPageComponent { date: Date | undefined; currentDate = new Date(); minDate :Date = new Date(this.currentDate.getFullYear()-13, this.currentDate.getMonth(), this.currentDate.getDate()); constructor(private router: Router, private route: ActivatedRoute) { } } 试试这个 public deadline: Date; ngOnInit() { this.deadline.setDate((new Date()).getDate() - 5); }

angular typescript primeng

回答 4 投票 0

PrimeNG 表复选框选择 - 当我单击一个复选框时，所有复选框都会被选中

我遵循了复选框选择+行编辑示例，但是当我单击一行的复选框时，它会选中所有行的复选框。基本上，所有复选框的作用都类似于头部的复选框...

angular primeng primeng-table

回答 2 投票 0

错误：NG0900：尝试比较“[object Object]”时出错。仅允许数组和可迭代对象

我目前正在开发 CRUD 应用程序的前端部分。当我遇到这个错误时，我正在实施延迟分页错误：NG0900：尝试比较“[object Object]”时出错。只有数组和ite...

angular typescript primeng

回答 4 投票 0

如何过滤prime ng表并仅将过滤后的数据导出到excel

我有一个 primeng 表，我试图将过滤后的数据导出到 Excel，我创建了一个表作为组件，并在需要时使用它。这是我正在处理的 stackblitz 代码。我是...