Angular number pipe with locale Internationalization (i18n)

app.component.ts

import { Component, OnInit, LOCALE_ID } from '@angular/core';
//import { merge } from 'rxjs';
//import { MyCurrencyFormatterDirective } from "./directivas/my-currency-formatter.directive";

// Locales para number pipe
import { registerLocaleData } from '@angular/common';
import es from '@angular/common/locales/es';

registerLocaleData(es, 'es');

@Component({
  selector: 'app-root',
  template: `Number pipe: {{ num | number }}`,
  styleUrls: ['./app.component.css'],
  providers: [
    { provide: LOCALE_ID, useValue: 'es' },
  ]
})

export class AppComponent implements OnInit {
  public num: number = 123456.78;
}