Quiero agregar format()
a String
. Entonces, mi expectativa es que puedo usar String.format
en cualquier parte de mi proyecto. Había seguido la pauta de este tema , pero esto no ayudó. Recibí este error:
¿Alguien puede ayudarme?
Gracias por adelantado.
pd: quiero agregar el método de extensión como lo hice en angular 1.xx
Editar
use declare global
no obtendrá un error.
declare global { interface String { format(): string; }} String.prototype.format = function () :string { var result = arguments[0]; for (var i = 0; i < arguments.length - 1; i++) { var reg = new RegExp("\\{" + i + "\\}", "gm"); result = result.replace(reg, arguments[i + 1]); } return result;}
Cómo usamos String.format('<img alt="{0}" title="{0}" src="{1}" />', name, id);
Dado que format
no requiere parámetros
Para mí, lo siguiente funcionó en un proyecto Angular 6 usando TypeScript 2.8.4.
En el archivo typings.d.ts agregue:
interface String { format(...args: string[]): string; }
Nota: No es necesario 'declarar global'.
En un nuevo archivo llamado string.extensions.ts agregue lo siguiente:
interface String { format(...args: string[]): string; } String.prototype.format = function (...args: string[]): string { var s = this; return s.replace(/{(\d+)}/g, function (match, number) { return (typeof args[number] != 'undefined') ? args[number] : match; }); };
Para usarlo, primero impórtalo:
import '../../string.extensions';
Obviamente, su declaración de importación debe apuntar a la ruta correcta. Dentro del constructor de tu clase o cualquier método:
console.log("Hello {0}".format("world"));
Basado en este patio de recreo , funciona bien.
Probablemente no funcione para usted porque probablemente esté usando módulos (importar/exportar), en ese caso, debe hacerlo en el aumento global :
declare global { interface String { foo(): number; } }
Entonces no obtendrá un error al agregar foo
al prototipo.
Parece que desea una función estática en String
, por lo que debe hacer esto:
declare global { interface StringConstructor { format(): string; } } String.format = function (...args: string[]) { ... }
También agregué ...args: string[]
a la firma que le dice al compilador que la función espera cualquier cantidad de cadenas como argumentos.