title: Angular Locale settings not working
body: <p>I want to customize my Angular app locale to 'en-GB' and did as the answer here suggests: <a href="https://stackoverflow.com/questions/46564972/angular-5-breaking-change-manually-import-locale">Angular 5 Breaking change - manually import locale</a></p>
  
  <pre><code>import { registerLocaleData } from '@angular/common';
  import localeGB from '@angular/common/locales/en-GB';
  
  registerLocaleData(localeGB, 'en-GB');
  
  ...
  
  providers: [{ provide: LOCALE_ID, useValue: 'en-GB' }]
  </code></pre>
  
  <p>But this didn't fix my issue and the currency pipe outputs $ instead of £.</p>