Preguntas etiquetadas con angular

Tengo un componente, que "carga perezosamente" algunos comentarios, en el intervalo de 100 ms. Cuando uso setTimeout, es realmente lento. componente <div *ngFor="let post of posts"> <app-post [post]="post" ></app-post> </div> Esto hace que mi aplicación sea lenta (avg fps 14, tiempo de inactividad 51100ms): while(this.postService.hasPosts()){ setTimeout(()=> { this.posts.push(this.postService.next(10)); },100); } …

9 javascript  angular  typescript  rxjs 

ERROR en node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental. 191 set ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental. 28 conjunto enfocado (isFocused: boolean); ~~~~~~~ …

9 angular  bootstrap-4  ng-bootstrap 

He actualizado de Ionic 4 a Ionic 5, ahora obtengo el siguiente error: ERROR en src / app / app.component.ts (4,10): error TS2305: El módulo '"/ node_modules / @ ionic / angular / ionic-angular"' no ha exportado ningún miembro 'Eventos'. La siguiente línea de importación está causando el problema: import …

9 angular  ionic-framework  ionic5 

Estoy creando una tabla de datos reutilizable usando ngx-datatable y me gustaría tener componentes dinámicos representados dentro de los detalles de la fila. El componente de tabla de datos recibe una clase de componente como argumento de un módulo principal y yo uso ComponentFactory para crear un Componente. Puedo ver …

9 angular  ngx-datatable 

Quiero exigir a los desarrolladores que utilicen mi aplicación en []lugar de los {{}}atributos de los elementos. Por ejemplo, este código debe causar un error (en el tiempo de compilación / servicio / pelusa): <mycomponent id="{{i}}"> el código actual es <mycomponent [id]="i"> ¿Cómo hago eso?

9 angular 

Mi proyecto tiene 6 vulnerabilidades de alta gravedad y no tengo idea de cómo solucionarlas. La corrección de auditoría npm falla. Por favor, ayúdame a arreglar esto. Estaba instalando https://www.npmjs.com/package/toastr en mi proyecto y después de que se haya instalado, se mostraron las vulnerabilidades. No sé si hay alguna conexión. …

9 angular  npm 

Dentro de una aplicación angular, hago visuales D3 a través de D3 simple o Vega . También está sucediendo el estilo SCSS. Me gustaría poder referirme a las mismas variables globales para diseñar desde Javascript y desde SCSS. Los archivos JSON hacen el truco muy bien para almacenar la configuración …

8 json  angular  sass  angular9  node-sass-json-importer 

Tengo componente principal y componente secundario. Componente hijo creado como componente modal. Así que he incluido el selector de componentes secundarios dentro del componente principal y he establecido que la encapsulación de la vista sea nula, por lo que tomará el componente principal css y todo, y también funciona, pero …

8 javascript  angular 

Hace una semana, creo, comencé a recibir mensajes de advertencia en mi consola Google Chrome. Borrar el caché no cambia nada, los mensajes desaparecen solo en modo incógnito. ¿Alguna idea de cómo deshacerse de estas advertencias?

8 javascript  angular  google-chrome 

Acabo de actualizar mi proyecto a Angular 9 y lo primero que noté es que el tiempo de compilación aumentó significativamente en mi IC (de 2 minutos a 4 minutos). Al analizar los registros, cada vez que se realizan las pruebas o la compilación, la CLI realiza una compilación previa. …

8 angular  typescript  ecmascript-6  angular-cli  angular9 

Soy un desarrollador web de pila completa y actualmente estoy construyendo principalmente aplicaciones de una sola página utilizando un marco frontal como el marco angular y de fondo como el arranque de primavera. Por lo general, el diseño de mi aplicación web (digamos que es un CRUD) es el siguiente: …

8 angular  web  progressive-web-apps  ngrx 

Aquí está mi problema. Ejemplo en línea del problema Tengo un JSON dinámico que necesito convertir a un formulario. Entonces, utilicé formas reactivas y al revisar todas las propiedades del JSON creo un FormGroup o FormControl, de esta manera: sampleJson ={prop1:"value1", prop2: "value2",...} ... myForm: FormGroup; myKeys=[]; ... ngOnInit() { …

8 angular  angular-reactive-forms 

Versión angular: @angular-devkit/architect 0.803.22 @angular-devkit/build-angular 0.803.22 @angular-devkit/build-optimizer 0.803.22 @angular-devkit/build-webpack 0.803.22 @angular-devkit/core 8.3.22 @angular-devkit/schematics 8.3.22 @angular/cli 8.3.22 @angular/fire 5.3.0 @ngtools/webpack 8.3.22 @schematics/angular 8.3.22 @schematics/update 0.803.22 rxjs 6.4.0 typescript 3.5.3 webpack 4.39.2 1.¿Qué significa 'Error del servidor? el certificado ha expirado 'significa? 2. ¿Cómo puedo solucionarlo? ~~~~ EDITAR ~~~~ Borré mi disco …

8 angular  firebase 

Quiero agregar un componente en un elementref como hijo y tener acceso a sus propiedades. const element: HTMLElement = document.createElement('div'); element.innerHTML = // Component needs to be added here // Need to have access to properties of the Component here He agregado un calendario completo a mi proyecto y para …

8 angular 

El componente se define así: import {Component} from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.less'] }) export class AppComponent { } Me gustaría cargar algunos componentes específicos en lugar de "app.component.html" un archivo con extensión htm "app.component.htm" @Component({ selector: 'app-root', templateUrl: './app.component.htm', styleUrls: ['./app.component.less'] }) por alguna razón no …

8 angular  angular-cli