Perguntas com a marcação «angular»

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ê …

138 angular  jasmine  angular-cli  karma-runner 

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), ...generateTasks(abc) ]); o aviso que recebi é TS2339: Property …

138 angular  typescript 

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. …

137 angular  karma-jasmine 

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 '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } …

137 angular  rxjs  angular2-observables 

Como posso copiar um objeto e perder sua referência no Angular? Com o AngularJS, posso usar angular.copy(object), mas estou recebendo algum erro ao usá-lo no Angular. EXCEÇÃO: ReferenceError: angularnão está definido

136 angular 

Estou desenvolvendo um site no Angular 2 usando o Typecript e fiquei imaginando se havia uma maneira de implementar a thread.sleep(ms)funcionalidade. Meu caso de uso é redirecionar os usuários após o envio de um formulário após alguns segundos, o que é muito fácil em html ou javascript, mas não sei …

136 angular  typescript 

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 singleton do tipo 'global' para todo …

136 angular  angular6 

Estou trabalhando com angular 2 e encontrei algo como <input #searchBox (keyup)="search(searchBox.value)" e funciona. No entanto, não entendo o significado de #searchBox . Também não encontrei nada claro no documento. Alguém poderia me explicar como isso funciona?

135 javascript  html  angular  typescript 

Eu li a documentação , que diz que, se eu quiser usar scss, tenho que executar o seguinte comando: ng set defaults.styleExt scss Mas quando faço isso e faço esse arquivo, ainda recebo este erro no meu console: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

135 css  angular  sass  angular6  angular-cli 

Eu tenho um aplicativo simples, inicializado por angular-cli. Ele exibe algumas páginas relativas a 3 rotas. Eu tenho 3 componentes. Em um dos desta página Eu uso lodashe angular 2 HTTP módulos para obter alguns dados (usando RxJS Observables, mape subscribe). Eu exibo esses elementos usando um simples *ngFor. Mas, …

135 angular  webpack  angular-cli 

Eu quero compilar manualmente alguns diretórios que contêm HTML. Qual é o equivalente $compileem Angular 2? Por exemplo, no Angular 1, eu poderia compilar dinamicamente um fragmento de HTML e anexá-lo ao DOM: var e = angular.element('<div directive></div>'); element.append(e); $compile(e)($scope);

134 angular  typescript  angular2-compiler  version-compatibility 

Estou tentando usar um componente que criei dentro do AppModule em outros módulos. Porém, eu recebo o seguinte erro: "Não capturado (na promessa): Erro: erros de análise de modelo: 'contact-box' não é um elemento conhecido: Se 'contact-box' for um componente Angular, verifique se ele faz parte deste módulo. Se 'contatos-caixa' …

134 angular  typescript  angular-components  angular-module 

Atualização 24/05/2018: agora somos +3 versões do Angular da minha postagem original e ainda não temos uma solução final viável. Lars Meijdam (@LarsMeijdam) criou uma abordagem interessante que certamente vale a pena dar uma olhada. (Devido a problemas de propriedade, ele teve que remover temporariamente o repositório do GitHub onde …

133 angular  plugins  angular-cli  angular-universal 

Essa é mais uma questão de "melhores práticas". Existem três jogadores: a Component, a Servicee a Model. O Componentestá chamando o Servicepara obter dados de um banco de dados. O Serviceestá usando: this.people = http.get('api/people.json').map(res => res.json()); retornar um Observable. O Componentpoderia apenas assinar o Observable: peopleService.people .subscribe(people => this.people …

132 angular  observable 

Eu estive analisando alguns projetos de sementes e todos os componentes parecem ter um index.ts que exporta * desse componente. Não consigo encontrar em nenhum lugar o que é realmente usado? Por exemplo, https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome obrigado

132 angular