This is the archived documentation for Angular v6. Please visit angular.io to see documentation for the current version of Angular.

I18nSelectPipe

Generic selector that displays the string that matches the current value.

See more...

{{ value_expression | i18nSelect : mapping }}
      
      {{ value_expression | i18nSelect : mapping }}
    

NgModule

Input value

value string | null | undefined

a string to be internationalized.

Parameters

mapping { [key: string]: string; }

an object that indicates the text that should be displayed for different values of the provided value.

Description

If none of the keys of the mapping match the value, then the content of the other key is returned when present, otherwise an empty string is returned.

Usage notes

Example

@Component( {selector: 'i18n-select-pipe', template: `<div>{{gender | i18nSelect: inviteMap}} </div>`}) export class I18nSelectPipeComponent { gender: string = 'male'; inviteMap: any = {'male': 'Invite him.', 'female': 'Invite her.', 'other': 'Invite them.'}; }
      
      @Component(
    {selector: 'i18n-select-pipe', template: `<div>{{gender | i18nSelect: inviteMap}} </div>`})
export class I18nSelectPipeComponent {
  gender: string = 'male';
  inviteMap: any = {'male': 'Invite him.', 'female': 'Invite her.', 'other': 'Invite them.'};
}