0
520
ViewsAngular2 y TypeScript: cómo agregar un método/prototipo de extensión de cadena
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
2 answers
Answer question0
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"));0
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.
Editar
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.