I'm submitting a ...
[ ] bug report => Search github for a similar issue or PR before submitting
[ X] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35
Is there a way to use ng template like in the dropdown for selectbutton. I want to use my translation pipe in html. So i need a ngTemplate for the options to translate them.
i want to do something like this:
<p-selectButton [options]="setting.options" optionLabel="label" [(ngModel)]="setting.value">
<ng-template let-item pTemplate="item">
<span style="vertical-align:middle">
{{item.label | translate}}
</span>
</ng-template></p-selectButton>
in the p-dropDown the same code works.
Available in 5.2.5.

it seems that this feature doesn't really work.
given the following template
<p-selectButton [options]="languages" formControlName="language" [(ngModel)]="selectedLanguage">
<ng-template let-item>
<i class="{{item.icon}}"></i>
<span translate>{{item.label}}</span>
</ng-template>
</p-selectButton>
// component
languages: SelectItem[] = [
{
label: 'german',
value: 'de',
icon: 'flag-icon flag-icon-ch'
},
{
label: 'english',
value: 'en',
icon: 'flag-icon flag-icon-gb'
}
];
ngOnChanges(changes: SimpleChanges): void {
this.formBuilder.group({
language: 'de'
});
this.detailForm.reset({
language: 'de'
};, {emitEvent: false});
}
it won't set the ui-active class to the seelected button initially.
as soon as I manually click a button it works.
If I don't use a custom template everything works as expected.
And why do I have to mix Reactive Forms and Template Driven Forms?
Still I have a problem
When Set "selectedCountry" value, the button is not selected.