angular

Cómo envolver condicionalmente un div alrededor de ng-content

Dependiendo del valor de una variable de clase (booleana) me gustaría que mi ng-content esté envuelto en un div o no esté env ... ent({ template: ` <my-component> ... "Here is the Content" ... </my-component> ` }) export class App {}

Autoscroll en Angular 2

Estoy experimentando un problema con Angular 2 donde cambiar de una ruta a otra no se desplaza automáticamente a la parte sup ... e superior cuando se cargaban. Sin embargo, no estoy seguro de cómo lograr esto con Angular 2. ¿Alguien sabe cómo lograrlo?

¿Cómo probar una aplicación creada con Angular CLI ng serve desde otro dispositivo?

Tengo una aplicación generada con Angular CLI desde cero. Versión CLI angular-cli: 1.0.0-beta.11-webpack.2 Estoy tratando d ... de CLI. Comprobé que no tengo un cortafuegos funcionando. ¿Cómo puedo corregir o depurar este error? Estoy usando un Mac.

¿Pasar variables de entorno a una aplicación Angular2?

Necesito pasar la url del backend a mi aplicación Angular2, ya que los servidores de producción y dev están alojados en difer ... ear inesperados choques de nombres globales. Pero no es una buena práctica. Me pregunto si hay una tercera, mejor solución?

Animaciones de transición de página con enrutador Angular 2.0 y promesas de interfaz de componentes

En Angular 1.x podemos usar ngAnimate para detectar cuando estamos saliendo o entrando en una ruta en particular. Además somo ... io antes de destruirlo e inicializar el siguiente componente. Espero que todo tenga sentido y realmente aprecio el ¡Socorro!

¿Por qué los objetos en Redux deben ser inmutables?

¿Por qué los objetos en Redux deben ser inmutables? Sé que algunos frameworks como Angular2 usarán OnPush y pueden aprovecha ... ntro de sus propios documentos el uso de inmutabilidad (independientemente del framework). Agradecemos cualquier comentario.

¿Cómo Probar Unitariamente una Directiva En Angular 2?

Problema: Me gustaría ser capaz de probar unitariamente una directiva en Angular 2 para asegurarme de que se compila correc ... pruebas unitarias eventualmente se romperán. Ver un post relacionado con SO sobre compilar HTML manualmente en Angular 2

Cómo abrir una nueva ventana en una pestaña nueva en angular2

Estoy tratando de abrir una nueva ventana cuando el usuario haga clic en el botón como sigue protected assignActity(type: st ... ndo un error, core.umd.js:3468 TypeError: Cannot read property 'open' of undefined Por favor corríjame para que funcione.

Hacer que Angular funcione con una Política de Seguridad de Contenido restrictiva (CSP)

No puedo hacer que la aplicación base Angular2 (final) funcione con el siguiente CSP restrictivo. default-src 'none'; script ... task.source, '; Value:', rejection, rejection instanceof Error ? rejection.stack : undefined); 345: } 346: console.error(e);

Obtener índice en a para directive de directiva en Angular 2

A partir de ahora, ¿hay una manera de obtener el índice actual del iterable en una directiva for..of en Angular 2? En otras p ... index}} - {{ task.label }}</li> </ul> (por supuesto este código no funciona, no proporciona el índice actual)

Angular 2 router resolve con Observable

Después del lanzamiento de Angular 2 RC.5 se introdujo router resolve. Aquí ejemplo demostrado con Promesa, cómo hacer lo mi ... forEach((data) => { console.log('data', data); }); } Obtener Object {fields: Subscriber} en lugar de datos reales.

* ngIf y * ngFor en el elemento [duplicado]

Esta pregunta ya tiene una respuesta aquí: * ngIf y * ngFor en el mismo elemento que causa error ... y> </table> Quiero mostrar/ocultar si el objeto contiene visible establecido en true. ¿Cómo puedo lograr esto?

Angular2-TypeError: esto.http.conseguir(…).toPromise no es una función

Trato de seguir el tutorial en angular.io (Gira a los Héroes) Pero en lugar de tutorial trato de hacer real OBTENER solicitud ... rtante, lo siento si la pregunta es un poco larga. Por favor, chicos, ¿pueden darme una pista de lo que estoy haciendo mal?

Enlazar una clase a una interfaz

Usando typescript, puedo enlazar fácilmente clases a sí mismas: bootstrap(MyAppComponent, [MyClass]); Sin Embargo, me gus ... or(my_class : IMyClass){ } }; ¿Es esto posible en Angular2? En caso afirmativo, ¿cómo tengo que especificar el enlace?

Encuadernación angular de 2-2 vías con ngModel en ngFor

En Angular 2 cómo obtendría 2 enlaces con ngModel dentro de una lista repetida usando ngFor. A continuación se muestra mi plu ... Input] }) export class AppComponent { toDos: string[] =["Todo1","Todo2","Todo3"]; constructor() {} ngOnInit() { } }

Rendimiento de usar el mismo observable en varios lugares en la plantilla con tubería asíncrona

En mi plantilla de componente estoy llamando a async pipe para el mismo Observable en 2 lugares. ¿Debo suscribirme a él y u ... tubería async para el mismo Observable en varios lugares de la plantilla no tiene ningún efecto negativo para el rendimiento?

¿Cómo hacer readonly todas las entradas en algún div en Angular2?

Tengo una página con muchas entradas, y quiero hacerlo 'readOnly' Encuentro esta solución: ¿Cómo cambiar el elemento HTML re ... quiero hacerlo para cada entrada por separado. ¿Cómo puedo agregar la propiedad readOnly a todas las entradas en algún div.

Desplazamiento liso angular2

Estoy teniendo problemas para conseguir un servicio de desplazamiento suave para trabajar en angular 2. ¿Hay algún servicio ... tTimeout(this.win.scrollTo(0, leapY), timer * speed); A setTimeout(() => this.win.scrollTo(0, leapY), timer * speed);

angular: alternar el texto del botón basado en el valor booleano en el modelo

¿Cuál es una forma sencilla de cambiar el texto en un elemento button basado en el valor booleano? Pseudo código: <but ... http://docs.angularjs.org/api/ng.directive:ngSwitch Ninguno de los dos parece funcionar usando el valor bool del modelo

Angular2: Cuál es la mejor manera de obtener una referencia de un elemento de plantilla [duplicar]

Esta pregunta ya tiene una respuesta aquí: ¿Cómo puedo seleccionar un elemento en una plantilla de compo ... yInput" /> var input = this.refs.myInput; var inputValue = input.value; var inputRect = input.getBoundingClientRect();