Articles of angular

Prueba error caso con observables en servicios

Digamos que tengo un componente que se suscribe a una función de servicio: export class Component { … ngOnInit() { this.service.doStuff().subscribe( (data: IData) => { doThings(data); }, (error: Error) => console.error(error) ); }; }; La llamada de suscripción toma dos funciones anónimas como parámetros, he logrado configurar una prueba de unidad de trabajo para la […]

¿Cómo pasar objetos de un componente a otro en Angular 2?

Tengo componentes angulares y el primer componente usa el segundo como directiva . Deben compartir el mismo objeto modelo, que se inicializa en el primer componente. ¿Cómo puedo pasar ese modelo al segundo componente?

error rxjs / Subject.d.ts: Clase ‘Asunto ‘ extiende incorrectamente la clase base ‘Observable ‘

Extraje el código de la plantilla de muestra de https://github.com/gopinav/Angular-2-Tutorials e hice los siguientes dos pasos para comenzar: npm install // worked fine and created node_modules folder with all dependencies npm start // falló con el siguiente error- node_modules / rxjs / Subject.d.ts (16,22): error TS2415: la clase ‘Subject’ extiende incorrectamente la clase base ‘Observable’. […]

Encuadernación angular de 2 a 2 vías con NgModel en NgFor

En Angular 2, ¿cómo conseguiría vincular 2 vías con NgModel dentro de una lista repetitiva usando NgFor? A continuación se muestra mi plunkr y el código, pero me sale un error. Plunkr @Component({ selector: ‘my-app’, template: ` Below Should be binded to above input box {{item}} `, directives: [MdButton, MdInput] }) export class AppComponent { […]

Angular 2 – Prueba unitaria con enrutador

En Angular 2.0.0, estoy probando unidades de un componente que usa el enrutador. Sin embargo, obtengo que los ‘Parámetros suministrados no coinciden con ninguna firma del objective de llamada’. error. En el código de Visual Studio en spec.ts, es el nuevo enrutador () el que se resalta en rojo Realmente aprecio si alguien pudiera decirme […]

cómo acceder a los datos específicos del componente Angular2 en la consola?

¿Hay alguna forma de acceder a los datos específicos del componente específico de Angular2 en la consola, para fines de depuración? Al igual que Angular1 tiene capacidad para acceder al valor de sus componentes en la consola.

Eventos vinculantes cuando se utiliza ngForTemplate en Angular 2

Digamos que tengo este simple componente de representación de listas: import {Input, Component } from ‘angular2/core’ @Component({ selector: ‘my-list’, template: ` {{item}} ` }) class MyList { @Input() items: string[]; onItemClicked(item) { console.log(‘Item clicked:’, item); } } Lo uso así: Hasta aquí todo bien. A continuación, decido que quiero que el usuario pueda proporcionar su […]

¿Cómo agregar dinámicamente una directiva?

¿Cómo agregar ( inyectar ) dinámicamente una directiva en el host? Tengo una directiva myTooltip y me gustaría agregar la directiva mdTooltip a su host. He intentado setAttribute() de ElementRef.nativeElement , pero no crea la directiva mdTooltip. mytooltip.directive.ts: @Directive({ selector: ‘[my-tooltip]’, host: { ‘(mouseenter)’: ‘show()’, ‘(mouseleave)’: ‘hide()’, } }) export class myTooltip { @Input(‘my-tooltip’) message; […]

Cómo cargar componentes externos dynamics en la aplicación angular

Estoy enfrentando un problema con la aplicación angular. Me gustaría tener una aplicación angular escrita en la construcción de Typscript con (aot). El objective es mostrar un panel de usuario con algunos widgets. Un widget es un componente angular. Mi aplicación viene con algunos widgets integrados. Pero los widgets deberían extenderse por algo así como […]

¿Pueden los módulos cargados de forma diferida compartir la misma instancia de un servicio proporcionado por su padre?

Acabo de encontrarme con un problema con un módulo de carga lenta donde el módulo principal y el secundario requieren el mismo servicio pero crean una instancia cada uno. La statement es idéntica para ambos, eso es import { MyService } from ‘./my.service’; … @NgModule({ … providers: [ MyService, … ] }); y aquí está […]