Gostaria de fechar meu menu suspenso de login quando o usuário clicar em qualquer lugar fora desse menu suspenso e gostaria de fazer isso com o Angular2 e com a "abordagem" do Angular2 ... Eu implementei uma solução, mas realmente não me sinto confiante com ela. Eu acho que deve haver uma maneira...
Se uma variável for declarada privateem uma classe de componente, devo acessá-la no modelo desse componente? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export...
Estou apenas começando a mexer no Angular 2 e me pergunto se alguém pode me dizer a melhor maneira de adicionar e remover dinamicamente ouvintes de eventos dos elementos. Eu tenho um componente configurado. Quando um determinado elemento do modelo é clicado, desejo adicionar um ouvinte para...
Estou tentando carregar um evento da minha API antes que o componente seja renderizado. Atualmente, estou usando meu serviço de API, que chamo da função ngOnInit do componente. Meu EventRegistercomponente: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from...
Eu tenho um campo HTML INPUT. <input [(ngModel)]="item.value" name="inputField" type="text" /> e eu quero formatar seu valor e usar um canal existente: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... e receba a mensagem de erro: Não pode ter um canal em uma...
Eu recebi um erro de node_modules / rxjs / internal / types.d.ts (81,44): erro TS1005: ';' esperado. após a instalação do Angular 6. Verifique o erro: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error...
Eu tenho o projeto Angular2 compilado com Angular-CLI (beta 20). Existe uma maneira de executar testes em apenas um arquivo de especificação selecionado? Eu costumava ter um projeto baseado no início rápido do Angular2 e podia adicionar manualmente especificações ao arquivo jasmim. Mas não sei...
Parece que, quando eu crio um aplicativo Angular 2 usando o Angular cli. Meu prefixo de componente padrão é app-root para AppComponent. Agora, quando mudo o seletor para outra coisa, diga "abc-root" @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls:...
Eu li que injetar quando o bootstrapping deve ter todos os filhos compartilhando a mesma instância, mas meus componentes principal e de cabeçalho (o aplicativo principal inclui o componente de cabeçalho e a saída do roteador) estão recebendo uma instância separada dos meus serviços. Eu tenho um...
Estou usando o angular 2 com estratégia de hashlocation. O componente é carregado com essa rota: "departments/:id/employees" Até agora tudo bem. Depois de salvar em lote com êxito várias linhas da tabela editada, desejo recarregar o URL da rota atual
Quero criar um aplicativo angular 2 com cli angular Eu escrevi no cmd: npm install angular-cli -g então: ng firstngapp mas me mostra um erro quando escrevo npm start! Eu não entendo o
No Angular 1.x, posso fazer o seguinte para criar um link que basicamente não faz nada: <a href="">My Link</a> Mas a mesma tag navega para a base de aplicativos no Angular 2. Qual é o equivalente ao Angular 2? Edit: Parece um bug no roteador Angular 2 e agora existe um problema em...
Quando faço uma solicitação de postagem, o http angular 2 não está enviando essa solicitação this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) a postagem http não é enviada ao servidor, mas se eu fizer a solicitação assim
Fui designado para receber códigos confusos de outros desenvolvedores que já deixaram a empresa recentemente. Estou curiosamente perguntando se existe algum plug-in do Visual Studio Code ou outros meios que possam nos ajudar a organizar e organizar as importações e referências de maneira rápida e...
Existe uma maneira de executar ng testum único arquivo em vez de para todo o conjunto de testes? Idealmente, eu gostaria de obter o loop de feedback mais rápido possível ao editar um arquivo, mas karmaexecuta todo o conjunto em cada salvamento, o que é um pouco lento quando você cria um conjunto de...
Quero exibir a Data usando o formato europeu, dd/MM/yyyymas usando o formato DatePipe shortDate , ele é exibido apenas no estilo de data dos EUA MM/dd/yyyy. Estou assumindo que é a localidade padrão é en_US. Talvez esteja faltando nos documentos, mas como posso alterar as configurações padrão de...
Estou usando o Chrome 70 e o Chrome adiciona métodos .flatMap, .flatten, .flat. Portanto, meu código funciona conforme o esperado. Infelizmente, o Typescript não gosta disso. // data.flatMap lint error export const transformData = (data: any[]) => data.flatMap(abc => [ parentObj(abc),...
Acabei de atualizar do Angular 2 rc4 para rc6 e com problemas para fazê-lo. Eu vejo o seguinte erro no meu console: Unhandled Promise rejection: Template parse errors: 'cl-header' is not a known element: 1. If 'cl-header' is an Angular component, then verify that it is part of this module. 2....
Eu encontrei algumas implementações de AuthGuards que usam take(1). No meu projeto, eu usei first(). Os dois funcionam da mesma maneira? import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from
Ao gerar serviços na CLI Angular, ele adiciona metadados extras com uma propriedade 'fornecida em' com um padrão de 'raiz' para o decorador injetável. @Injectable({ providedIn: 'root', }) O que exatamente o Fornecido faz? Suponho que isso esteja disponibilizando o serviço como um serviço...