Articles of angular

Cómo utilizar la estrategia HashLocationStrategy con el widget Auth0 Lock para el inicio de sesión del usuario

Después de actualizar la muestra de inicio de sesión Auth0 para usar HashLocationStrategy en app.module.ts : import { LocationStrategy, HashLocationStrategy } from ‘@angular/common’; // (…) @NgModule({ providers: [ {provide: LocationStrategy, useClass: HashLocationStrategy}, appRoutingProviders, AUTH_PROVIDERS ], //(…) El evento authenticated Auth0 Lock ya no se plantea: import { Injectable } from ‘@angular/core’; import { tokenNotExpired } […]

angular ng-init alternativa en angular 2

¿Cuál es la alternativa de ng-init=”myText=’Hello World!'” En Angular 2 para agregar en la plantilla, no en el componente la alternativa en Angular 2

Angular: seleccionado en la opción de seleccionar no funciona como exceptuado mientras se usa junto con ngModel

Tengo una matriz de objetos ( usuarios nombrados) que se mostrarán como opciones de dropdownlist . y tengo otra lista de objetos (llamada selectedUsers y se guarda en backend) que se usa para inicializar la dropdownlist . formación: users = [ { id: 2, name: ‘name2’ },{ id: 2, name: ‘name2’ },{ id: 3, name: […]

Angular2: la validación de no se activará al cambiar el archivo para cargar

Angular 2 parece tener problemas con la ejecución de la validación cuando cambia la entrada de un archivo. Hice una prueba para ilustrar este problema: Hago una forma Grupo como this.frm = new FormGroup({ file: new FormControl(“”, this.validateFile) }); Y en la función validateFile lanzo una alerta y registro a la consola: public validateFile(formControl: FormControl): […]

Cómo usar ResolveComponentFactory () pero con una cadena como clave

lo que estoy tratando de hacer: Use algo similar a “resolveComponentFactory ()”, pero con un identificador de “cadena” para obtener Fábricas de componentes. Una vez obtenido, comience a aprovechar el método “CreateComponent (Factory)”. Ejemplo de Plnkr -> ingrese la descripción del enlace aquí En el ejemplo, verá el método “AddItem” addItem(componentName:string):void{ let compFactory: ComponentFactory; switch(componentName){ […]

Cómo importar jQuery a Angular2 proyectos de TypeScript?

Quiero envolver un código jQuery en una directiva Angular2. Instalé la biblioteca jQuery para Typings en mi proyecto con el siguiente comando: typings install dt~jquery –save –global Así que ahora tengo la carpeta jquery en typings/global carpeta typings/global en mi directorio de proyectos. Además, la siguiente nueva línea se ha agregado a mi archivo typings.json […]

Angular 2 ¿cómo evitar que el evento desencadene ciclo digest / detección?

Estamos implementando la funcionalidad de arrastrar y soltar con Angular 2. Estoy usando el evento dragover solo para ejecutar la función preventDefault() . Para que el evento de drop funcione como se explica en esta pregunta . El método dragover está siendo manejado por la función onDragOver en el componente. … En el componente, esta […]

Angular 4: ¿Cuál es la forma correcta de “esperar la operación”?

Me encuentro con un problema simple que tiene una solución hacky de setTimeout(…,0) . Mirando este código simple: @Component({ selector: ‘my-app’, template: ` Span To Detect `, }) export class App { Items:Array = new Array(); fill() { this.Items = [1,2,3,4,5,6,7,8,9,10] this.analyzeDom(); //this has to run here } analyzeDom() { alert($(“div .mySpan”).length) // “0” //BUT […]

http post – ¿cómo enviar un encabezado de autorización?

¿Cómo se agregan encabezados a su solicitud http en Angular2 RC6? Tengo el siguiente código: login(login: String, password: String): Observable { console.log(login); console.log(password); this.cookieService.removeAll(); let headers = new Headers(); headers.append(“Authorization”,”Basic YW5ndWxhci13YXJlaG91c2Utc2VydmljZXM6MTIzNDU2″); this.http.post(AUTHENTICATION_ENDPOINT + “?grant_type=password&scope=trust&username=” + login + “&password=” + password, null, {headers: headers}).subscribe(response => { console.log(response); }); //some return } El problema es que angular […]

CLI angular en la plantilla angular ASP.NET Core 2?

Conozco los conceptos básicos de Angular y ASP.NET Core 2, pero no en el nivel que me permitiría entender cómo funciona esta plantilla. Traté de generar componentes usando Angular CLI en Visual Studio Code, sin embargo, dice que no tengo la CLI. Creo que es la cosa de la carpeta web lo que mantiene la […]