Articles of typescript

Crear un nuevo proyecto de TypeScript en Visual Studio

¿Cómo comienzo a escribir proyectos de TypeScript en Visual Studio? No hay opción para eso cuando creo un nuevo proyecto. Tengo instalado Visual Studio 2012 junto con el complemento de TypeScript

¿Cómo debo usar @types con TypeScript 2?

Hasta ahora estamos acostumbrados a tsd o (la mejor versión de la misma) tipings Pero ahora que TypeScript 2 ofrece la nueva característica @types , ¿cómo debo convertir mi proyecto actual para que funcione con @types? Tengo tsd.json (typings.json es algunos casos) con todas las dependencias, ¿cuáles son los pasos para hacer el cambio a […]

Acerca de “* .d.ts” en TypeScript

Tengo curiosidad acerca de *.d.ts como un novato de TypeScript. Y alguien me dijo que este tipo de archivo es algo así como “archivo principal” en C ++, pero solo para JS. Pero no puedo convertir un archivo JS puro a *.d.ts menos que cambie forzosamente el *.js a *.ts . Así que tengo tres […]

Typescript / Angular / ES6: ¿puedo finalmente dejar que `hasOwnProperty ()` muera para los loops?

Siempre me ha desagradado la necesidad de verificar hasOwnProperty() al pasar sobre objetos en javascript: for ( var key in object ) { if ( !object.hasOwnProperty( key ) ) { continue; } // Now I can do whatever I needed to do } Siempre parece un espacio vertical desperdiciado recorrer las teclas de un objeto […]

¿Cómo hacer fundición de tipo de tiempo de ejecución en TypeScript?

Actualmente estoy trabajando en un proyecto typescript y realmente disfruto la inferencia de tipo que TypeScript trae a la mesa. Sin embargo, cuando obtengo objetos de llamadas HTTP, puedo convertirlos al tipo deseado, obtener la finalización del código y las funciones de llamada en el tiempo de comstackción , pero los resultados en tiempo de […]

Cómo obtener el objeto Date from json Response en typescript

Aquí está mi json: { “data”: [ { “comment”: “3541”, “datetime”: “2016-01-01” } ] } Aquí hay un modelo: export class Job { constructor(comment:string, datetime:Date) { this.comment = comment; this.datetime = datetime; } comment:string; datetime:Date; } Consulta: getJobs() { return this._http.get(jobsUrl) .map((response:Response) => response.json().data) } El problema es que después de enviar a Job[] espero […]

Mecanografía ReferenceError: exports no está definido

Al tratar de implementar un módulo siguiendo el manual oficial , recibo este mensaje de error: Uncaught ReferenceError: exports no está definido en app.js: 2 Pero en ningún lugar de mi código utilizo el nombre de exports . ¿Cómo puedo arreglar esto? Archivos aplicaciones let a = 2; let b:number = 3; import Person = […]

No se puede encontrar el módulo ‘angular2 / angular2’

Estoy desarrollando una aplicación de nodo con angular2 y gulp. He escrito un archivo de componente login.ts de la siguiente manera: import {Component, View} from ‘angular2/angular2’; import {FormBuilder, formDirectives } from ‘angular2/forms’; @Component({ selector: ‘login’, injectables: [FormBuilder] }) @View({ templateUrl: ‘/scripts/src/components/login/login.html’, directives: [formDirectives] }) export class login { } Y mi archivo bootstrap.ts es: import […]

Obtengo “respuesta de error Http para (URL desconocida): 0 Error desconocido” en lugar de un mensaje de error real en Angular

Estoy usando Angular 4 HttpClient para enviar solicitudes al servicio externo. Es una configuración muy estándar: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log(‘completed’); } El problema es que cuando la solicitud falla, veo una Http failure response for (unknown url): 0 Unknown Error genérica de […]

Cómo suprimir TypeScript “error TS2533: ¿Objeto es posiblemente ‘nulo’ o ‘no definido'”?

Tengo un tipo: type tSelectProtected = { handleSelector?: string, data?: tSelectDataItem[], wrapperEle?: HTMLElement, inputEle?: HTMLElement, listEle?: HTMLElement, resultEle?: HTMLElement, maxVisibleListItems?: number } Declaro una variable global de módulo – sabio: var $protected : tSelectProtected = {}; Estoy asignando el valor adecuado en el scope de function1: $protected.listEle = document.createElement(‘DIV’); Estoy llamando, más tarde, en el […]