i18n pipes not using the LOCALE_ID by default

I’m submitting a…

[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report  
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

When setting the LOCALE_ID token to a locale different than the default, the value gets changed, but when using a i18n pipe like the CurrencyPipe it’s not reading the new LOCALE_ID value as expected. The new locale data is registered as the documentation says and also the LOCALE_ID token is provided as the documentation says.

Expected behavior

Any of the i18n pipes should use the LOCALE_ID value as the default locale.

Minimal reproduction of the problem with instructions

I have created a minimal StackBlitz reproducing the issue here.

What is the motivation / use case for changing the behavior?

The i18n pipes should use the LOCALE_ID by default as the documentation says.

Environment

Angular version: 5.2.1

Browser:
- [x] Chrome (desktop) version 63.0.3239.132

For Tooling issues:
- Node version: 8.8.0 
- Platform:  macOS High Sierra 10.3.2

[trotyl]

@luckylooke You only used locale es.

[ocombe]

yes, you have to load the locales, as explained here: https://angular.io/guide/i18n#i18n-pipes