Articles of datilografado

Usando o plugin jQuery no TypeScript

Ao usar o typescript eu preciso importar um plugin.d.ts para cada js externo que eu uso? Em outras palavras, eu preciso criar um jQuery.d.ts com todas as interfaces?

Como você produz um arquivo de definição .d.ts “typings” a partir de uma biblioteca JavaScript existente?

Estou usando muitas bibliotecas minhas e de terceiros. Eu vejo o diretório “typings” contém alguns para Jquery e WinRT … mas como eles são criados?

Use async aguardando com Array.map

Dado o seguinte código: var arr = [1,2,3,4,5]; var results: number[] = await arr.map(async (item): Promise => { await callAsynchronousOperation(item); return item + 1; }); que produz o seguinte erro: TS2322: O tipo ‘Promessa []’ não pode ser atribuído para digitar ‘numero []’. Digite ‘Promise não é atribuível ao tipo’ number ‘. Como posso consertar […]

Confuso “identificador duplicado” Mensagem de erro datilografada

Por que estou recebendo isso e muitos mais erros desse tipo? Eu estou adicionando um link para o repository, bem como trechos de código-chave abaixo. Eu acho que tenho um mal-entendido básico de como funciona a dependência e o encadeamento “include”. csvproc(master)> tsc node_modules/typescript/bin/lib.core.d.ts(83,5): error TS2300: Duplicate identifier ‘configurable’. node_modules/typescript/bin/lib.core.d.ts(84,5): error TS2300: Duplicate identifier ‘enumerable’. […]

Como usar a biblioteca moment.js no aplicativo typescript angular 2?

Eu tentei usá-lo com ligações de datilografia: npm install moment –save typings install moment –ambient — save test.ts: import {moment} from ‘moment/moment’; E sem: npm install moment –save test.ts: var moment = require(‘moment/moment’); Mas quando eu chamo moment.format (), recebo um erro. Deve ser simples, alguém pode fornecer uma combinação de linha de comando / […]

Angular – arquivo carregado por POST

Eu estou usando Angular , TypeScript para enviar um arquivo, juntamente com dados JSON para um servidor. Abaixo está o meu código: import {Component, View, NgFor, FORM_DIRECTIVES, FormBuilder, ControlGroup} from ‘angular2/angular2’; import {Http, Response, Headers} from ‘http/http’; @Component({ selector: ‘file-upload’ }) @View({ directives: [FORM_DIRECTIVES], template: ` File Upload Select file: ` }) export class FileUploadCmp […]

Definir constantes globais em Angular 2

No Angular 1.x você pode definir constantes como esta: angular.module(‘mainApp.config’, []) .constant(‘API_ENDPOINT’, ‘http://127.0.0.1:6666/api/’) Qual seria o equivalente em Angular2 (com o Typescript)? Só não quero repetir o URL base da API repetidamente em todos os meus serviços.

Em Typescript, qual é o! (ponto de exclamação / bang) operador ao desreferenciar um membro?

Ao olhar para o código fonte de uma regra tslint, me deparei com a seguinte declaração: if (node.parent!.kind === ts.SyntaxKind.ObjectLiteralExpression) { return; } Observe o ! operador após node.parent . Interessante! Primeiro tentei compilar o arquivo localmente com a minha versão atualmente instalada do TS (1.5.3). O erro resultante apontou para a localização exata do […]

Ouvinte de evento angular 2 roteador

Como ouvir a mudança de estado no roteador Angular 2? No Angular 1.x eu usei este evento: $rootScope.$on(‘$stateChangeStart’, function(event,toState,toParams,fromState,fromParams, options){ … }) Então, se eu usar esse eventlistener no Angular 2: window.addEventListener(“hashchange”, () => {return console.log(‘ok’)}, false); não é retornado ‘ok’, então mude de estado de JS, só então a function history.back () do navegador […]

Como preparar versão de lançamento com SystemJS e Gulp?

Eu uso o SystemJS no meu projeto Angular2. Eu uso o arquivo tsconfig para o TypeScript. Eu quero usar gulp para concat e minify meu código para a versão de produção. Estou tendo problemas com a concatenação do código: cada vez que tento concatenar arquivos, recebo ‘angular‘ não definido ou ‘sistema’ não definido. Eu tentei […]