Articles of angular

Angular4 – Llamadas HTTP anidadas

Estoy usando una llamada http anidada en angular. Primera llamada para obtener un token. La segunda llamada utilizará el token y devolverá los datos reales. public get(api) { return this.http.get(this.url + ‘/token’) .map(res => res.json()) .toPromise() .then((data: any) => { this.access_token = data.access_token let headers = new Headers(); headers.append(‘Authorization’, ‘Bearer ‘ + this.access_token); return this.http.get(this.url […]

Angular 5 rellena datos con FormArray

En angular 5 he hecho la funcionalidad para agregar una nueva fila y eliminar una fila usando formarray. Está funcionando bien por ahora. Pero digamos que tengo algunos datos y quiero mostrarlos en las filas una por una, así que digamos que tengo datos para 3 filas, por lo que el formulario debería mostrar automáticamente […]

Gráfico Js V2 dibujar barra horizontal (promedio) sobre barra vertical

Quiero dibujar una sola barra sobre barras verticales (barra verde). Estoy usando Chart JS V2 con Angular 4. Encontré un código para dibujar líneas pero no funciona en Angular 4. También utilicé la annotation pero no funciona. Comando para agregar anotaciones: npm install chartjs-plugin-annotation –save A continuación se encuentra mi código, funciona bien para dibujar […]

crear un servicio angular 2 en es5

Estoy tratando de crear un servicio personalizado en angular 2 pero parece que no puedo encontrar ninguna documentación sobre los servicios de angular 2 en es5 (que es lo que estoy escribiendo en mi código) He intentado usar esto (function(app){ app.database=ng.core.Injectable().Class({ constructor:[function(){ this.value=”hello world”; }], get:function(){return this.value}, }); ng.core.Injector.resolveAndCreate([app.database]); ng.core.provide(app.database,{useClass:app.database}); })(window.app||(window.app={})); sin embargo, cuando lo […]

Angular 2 i18n dinámica / traducción instantánea

He seguido el libro de recetas angular.io para la internacionalización ( https://angular.io/docs/ts/latest/cookbook/i18n.html#!#angular-i18n ). Todo funciona bien, y si cambio mi configuración regional en el archivo index.html: document.locale = ‘en’; Pero deseo cambiar esto dinámicamente, como solíamos hacer en AngularJS. He encontrado varias soluciones, como esta: //mycomponent.component.ts changeLang(){ localStorage.setItem(‘localeId’, “es”); location.reload(true); } //I hardcoded the locale, […]

Arranque múltiple de componentes en Angular2

Mi pregunta está en línea con esta pregunta: Error al arrancar varios módulos angular2 Mi index.html tiene el siguiente código Loading header… Loading… Loading footer… En mi app.module.ts , proporciono esos 3 componentes para bootstrap: bootstrap: [AppComponent,HeaderComponent,FooterComponent] y en mi maints, los bootstrap platformBrowserDynamic().bootstrapModule(AppModule); La aplicación funciona bien con los tres módulos incluidos. Cuando se […]

Cómo hacer un bucle sobre las propiedades del objeto con ngFor en Angular

Este post es sobre un problema interesante que encontré en el trabajo. Si aún no lo sabes. Estoy hablando de Angular 2+ El problema Por lo tanto, si desea mostrar el marcado de una lista, los valores de esta lista provienen del back-end y, por alguna razón, en lugar de una buena variedad de objetos […]

Cómo utilizar socket.io-client en angular 4

El lado del servidor es php laravel echo websocket y estoy intentando conectarme con Angular 4. Intenté usar ng2-socket-io – npm y también laravel-echo – npm pero ninguno de ellos fue exitoso. Si alguien conoce alguna documentación o tutorial sobre cómo puedo usarla, por favor, ayuda

¿Cómo obtener el cuerpo de HttpErrorResponse en Angular 6?

He creado una llamada a la API REST en mi aplicación Angular que descarga un archivo. Estoy configurando responseType en ‘blob’ ya que estoy esperando un archivo en respuesta. Pero cuando no hay ningún archivo disponible en el servidor, la Respuesta tiene un código de error como 404, es decir, Solicitud incorrecta con algún mensaje […]

¿Cuál es la diferencia entre un observable y un sujeto en rxjs?

Pasaba por este blog y leí sobre Observables y no pude encontrar la diferencia entre el Observable y un sujeto.