Articles of angular

Transmitindo dados para componentes filhos “roteador-saída” (angular 2)

Eu tenho um componente pai que vai para o servidor e busca um object. // parent component @Component({ selector : ‘node-display’, template : ` ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); } E em […]

Nome de class dynamic dentro de ngClass em angular 2

Eu preciso interpolar um valor dentro de uma expressão ngClass mas não consigo fazê-lo funcionar. Eu tentei estas soluções que são as únicas que fazem sentido para mim, estas duas falhas com a interpolação: Este funciona com a interpolação, mas falha com a class adicionada dinamicamente porque toda a string é adicionada como uma class: […]

Angular2 Exceção: Não é possível vincular a ‘routerLink’ porque não é uma propriedade nativa conhecida

Obviamente, o beta do Angular2 é mais recente que o novo, então não há muita informação por aí, mas estou tentando fazer o que eu acho que é um roteamento bastante básico. Hackear com o código de início rápido e outros trechos do site https://angular.io resultou na seguinte estrutura de arquivos: angular-testapp/ app/ app.component.ts boot.ts […]

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 chamar um api de descanso enquanto bootstrapping angular 2 app

Gostaríamos de chamar um api de descanso quando o aplicativo angular 2 está sendo inicializado, ou seja, a primeira coisa que ele deve fazer sobre o aplicativo é chamar essa API e obter alguns dados que são necessários para o aplicativo. Existe alguma maneira de conseguir isso? Eu vi o artigo seguinte, mas foi concebido […]

O que é httpinterceptor equivalente em angular2?

Em angularjs, temos o interceptor http $httpProvider.interceptors.push(‘myHttpInterceptor’); com o qual podemos ligar em todas as chamadas http, e mostrar ou ocultar barras de carregamento, fazer log, etc. Qual é o equivalente em angular2?

resultados de armazenamento em cache com o serviço http angular2

Eu exponho uma solicitação HTTP GET através de um serviço, e vários componentes estão usando esses dados (detalhes do perfil em um usuário). Eu gostaria que a primeira solicitação de componente executasse realmente a solicitação HTTP GET para o servidor e armazenasse em cache os resultados para que as solicitações subsequentes usassem os dados armazenados […]

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 […]

O que é uma rejeição de promise não tratada?

Para aprender Angular 2, estou tentando o tutorial deles. Estou recebendo um erro como este: (node:4796) UnhandledPromiseRejectionWarning: Unhandled promise rejection (r ejection id: 1): Error: spawn cmd ENOENT [1] (node:4796) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node. js process with a non-zero exit […]

Ligação de innerHTML angular 2 (clique)

Eu tinha um menu html tão grande que decidi ligar para poder fazer vários drop-down de submenus e evitar duplicação de código html. Pai> filho (que é pai também)> filho … Para o contexto: Em ng2_msList / msList.components.ts, ColumnsManagements.ts é importado como this.ColumnsManagementInstance. O menu innerHTML é exibido corretamente, em ng2_msList / pages / list.html: […]