Preguntas etiquetadas con angular

¿Hay alguna manera de ejecutar ng testun solo archivo en lugar de todo el conjunto de pruebas? Idealmente, me gustaría obtener el ciclo de retroalimentación más rápido posible cuando estoy editando un archivo, pero karmaejecuta todo el conjunto en cada guardado, lo que es un poco lento cuando se crea …

138 angular  jasmine  angular-cli  karma-runner 

Estoy usando Chrome 70 y Chrome agrega métodos .flatMap, .flatten, .flat. Entonces mi código se ejecuta como se esperaba. Desafortunadamente, a Typecript no le gusta. // data.flatMap lint error export const transformData = (data: any[]) => data.flatMap(abc => [ parentObj(abc), ...generateTasks(abc) ]); la advertencia que recibí es TS2339: Property 'flatMap' …

138 angular  typescript 

Acabo de actualizar de Angular 2 rc4 a rc6 y tengo problemas para hacerlo. Veo el siguiente error en mi consola: 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. …

137 angular  karma-jasmine 

Encontré algunas implementaciones de AuthGuards que usan take(1). En mi proyecto, solía first(). ¿Ambos funcionan de la misma manera? 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 } from 'angularfire2'; …

137 angular  rxjs  angular2-observables 

¿Cómo puedo copiar un objeto y perder su referencia en Angular? Con AngularJS, puedo usar angular.copy(object), pero obtengo algún error al usar eso en Angular. EXCEPCIÓN: ReferenceError: angularno está definido

136 angular 

Estoy desarrollando un sitio web en Angular 2 usando Typecript y me preguntaba si había una manera de implementar la thread.sleep(ms)funcionalidad. Mi caso de uso es redirigir a los usuarios después de enviar un formulario después de unos segundos, lo cual es muy fácil en html o javascript, pero no …

136 angular  typescript 

Al generar servicios en la CLI angular, está agregando metadatos adicionales con una propiedad 'proporcionada en' con un valor predeterminado de 'raíz' para el decorador inyectable. @Injectable({ providedIn: 'root', }) ¿Qué hace exactamente provideIn? Supongo que esto está haciendo que el servicio esté disponible como un servicio singleton de tipo …

136 angular  angular6 

Estoy trabajando con angular 2 y he encontrado algo como <input #searchBox (keyup)="search(searchBox.value)" y funciona. Sin embargo, no entiendo el significado de #searchBox . No he encontrado nada claro tampoco en el documento. ¿Alguien podría explicarme cómo funciona?

135 javascript  html  angular  typescript 

He leído la documentación , que dice que si quiero usar scsstengo que ejecutar el siguiente comando: ng set defaults.styleExt scss Pero cuando hago eso y hago ese archivo, sigo recibiendo este error en mi consola: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

Tengo una aplicación simple, inicializada por angular-cli. Muestra algunas páginas relativas a 3 rutas. Tengo 3 componentes. En una de esta página uso lodashmódulos Angular 2 HTTP para obtener algunos datos (usando RxJS Observables, mapy subscribe). Muestro estos elementos usando un simple *ngFor. Pero, a pesar del hecho de que …

135 angular  webpack  angular-cli 

Estoy tratando de usar un componente que creé dentro del AppModule en otros módulos. Sin embargo, recibo el siguiente error: "No capturado (en promesa): Error: errores de análisis de plantilla: 'contact-box' no es un elemento conocido: Si 'caja de contactos' es un componente angular, verifique que sea parte de este …

135 angular  typescript  angular-components  angular-module 

Quiero compilar manualmente algunas directivas que contienen HTML. ¿Cuál es el equivalente de $compileen Angular 2? Por ejemplo, en Angular 1, podría compilar dinámicamente un fragmento de HTML y agregarlo al DOM: var e = angular.element('<div directive></div>'); element.append(e); $compile(e)($scope);

134 angular  typescript  angular2-compiler  version-compatibility 

Actualización 24/05/2018: ahora somos versiones +3 de Angular de mi publicación original y todavía no tenemos una solución viable final. Lars Meijdam (@LarsMeijdam) ha presentado un enfoque interesante que vale la pena ver. (Debido a problemas de propiedad, tuvo que eliminar temporalmente el repositorio de GitHub donde había publicado originalmente …

133 angular  plugins  angular-cli  angular-universal 

Esta es más una pregunta de "mejores prácticas". Hay tres jugadores: un Component, una Servicey una Model. El Componentestá llamando al Servicepara obtener datos de una base de datos. El Serviceestá usando: this.people = http.get('api/people.json').map(res => res.json()); para devolver un Observable. El Componentpodría simplemente suscribirse a Observable: peopleService.people .subscribe(people => …

132 angular  observable 

He estado mirando algunos proyectos semilla y todos los componentes parecen tener un index.ts que exporta * desde ese componente. ¿No puedo encontrar en ninguna parte para qué se usa realmente? Por ejemplo, https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome Gracias

132 angular