如何获得PrimeNG p-autocomplete和optgroup组合工作

时间:2018-03-28 18:13:01

标签: angular primeng optgroup primeng-dropdowns

我更多地使用angular4代码,并使用PrimeNG的p-autoComplete实现了自动完成行为的下拉列表。

除此之外,我想根据状态对下拉列表中的项目进行分组。尝试使用optgroup,但没有运气。请帮帮我

例如:filteredObjects的样本JSON看起来像这样 -

  

[“OBJ1”,“启用”],[“OBJ2”,“启用”],[“OBJ3”,“禁用”],[“OBJ4”,“禁用”]

 <p-autoComplete [(ngModel)]="selectedObj" [suggestions]="this.filteredObjects" 
                   (completeMethod)="this.updateObject()" 
                    (onClear)="this.updateObject()"
                    (onSelect)="this.updateObject()" 
                    [dropdown]="true" [disabled] = "isActive"
                    id="combobox" [autoHighlight]="true" [inputId]="this.ObjId"
                   [style]="{'width':'100%', 'height':'100%'}" class="p-autocomplete"> 

     <ng-template let-obj pTemplate="item" >             
           {{obj}}                        
     </ng-template>
</p-autoComplete>

0 个答案:

没有答案