Tag: angular

Recuperar elementos creados por ngFor en ngAfterViewInit

Estoy implementando un cargador de imágenes lento en mi aplicación Angular (5), y tengo curiosidad por saber cómo puedo evitar tener que llamar a setTimeout() en mi ngAfterViewInit() , si es posible. Las partes relevantes del código son: # component ngOnInit(): void { this.workService.getCategories().then(workCategories => { this.workCategories = workCategories; }); } ngAfterViewInit(): void { setTimeout(() […]

El suscriptor del observador no se dispara en la primera carga al componente

Tengo una tienda que expone un asObservable. Una vista se suscribe a esto y muestra los datos. Estaba trabajando en la primera carga desde que lo cambié a un servicio de Singleton, cuando primero voy a la página, no se muestran datos y no se activa ningún evento de suscripción. Después de realizar alguna operación […]

MatSort y MatPaginator no funcionan sin setTimeOut

Tengo datos provenientes de un punto final y los puse en MatTableDataSource. Pude hacerlo funcionar para MatSort y MatPaginator, pero necesitaba usar setTimeOut, que no parece ser una forma adecuada de hacerlo. Si elimino esto, se quejará de que ‘No se puede leer la propiedad de tipo indefinido’ que asumí que esto se debe a […]

Angular: no se puede desplazar hacia abajo hasta el fondo en el elemento

He estado posponiendo la corrección de este error que he estado teniendo desde hace un tiempo. Tengo el siguiente chatwindow: La ventana donde muestro los mensajes es un componente separado (chat-window.component.ts). Quiero desplazarme hacia la parte inferior con ngOnChanges. Cuando recibimos la conversación con los mensajes del componente principal, donde se recibe desde el servidor […]

Angular 6 multiple @input () nivel

Tengo un componente que contiene varios niveles de componentes secundarios: Parent | Child1 | Child2 | Child3 Estoy tratando de pasar un valor de padre a cada hijo a través de @Input() Así por ejemplo en el padre tengo esto: @Input() info: Info= {} as Info; Se inicializa en ngOnInit del componente principal y el […]

La plantilla del componente ng2 de enlace de datos solo se establece en OnInit

Tengo un componente angular 2 (RC5) que realiza una llamada HTTP y establece el resultado como la plantilla del componente. Quiero inyectar un valor en el HTML que devuelve la llamada HTTP. Así, por ejemplo, una de las líneas en el HTML devuelto es: app/views/login/login.xml Sin embargo, eso se procesa exactamente como está, sin tener […]

cómo enviar solicitud de publicación usando http de @ angular / http

Estoy usando el siguiente código para enviar una solicitud de publicación import { Http, Headers, Response } from ‘@angular/http’; @Injectable() export class AuthenticationService { private _options = new Headers({‘Content-Type’: ‘application/json’}); constructor(private http: Http) { } login(username: string, password: string) { return this.http.post(‘http://localhost:56451/map’, { “username”: username, “password”: password }, this._options); } } Sin embargo estoy recibiendo […]

¿Cómo puedo pasar un HTML genérico a un componente de Angular 2?

Quiero hacer un componente modal genérico que pueda contener cualquier cosa, desde solo texto a imágenes / botones, etc. Si hago algo como esto: {{content}} No puedo realmente pasar HTML a contenido, solo texto. ¿Cómo puedo crear un componente tal que el componente primario pueda pasar en cualquier HTML que quiera? ¿Qué sucede si quisiera […]

Cómo obtener datos de ruta en el componente de la aplicación en Angular 2

He definido algunos datos de ruta en mi módulo de enrutamiento de aplicaciones como a continuación: const appRoutes:Routes = [ {path: ”, component: LoginComponent, data:[{PageName:”Login Page”}]}] Quiero obtener los datos globalmente para poder usar appRoutes en app.component.ts para obtener la información relacionada con la redirección de URL como se muestra a continuación: export class AppComponent […]

Cómo usar jquery-ui en angular 6

He intentado varios métodos publicados en StackOverflow para usar jquery-ui en el componente angular 6 , pero ninguno de ellos funcionó. Por ejemplo, Ejecuté npm install jquery jquery-ui para instalar jquery y jquery-ui. Incluido a continuación en angular.json “scripts”: [“node_modules / jquery / dist / jquery.js”, “node_modules / jquery-ui-dist / jquery-ui.js”, El error es el […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.