Preguntas sobre Angular (que no debe confundirse con AngularJS), el marco web de Google. Use esta etiqueta para preguntas angulares que no son específicas de una versión individual. Para el marco web anterior de AngularJS (1.x), use la etiqueta angularjs.

Más sobre angular...

Actualmente estoy tratando de convertir un Observable en un Array para poder iterar sobre el Array en HTML usando ngFor. Este es mi código Typecript actualmente. Cuando registro en la consola el testArray Array, dice que no está definido. item$: Observable<any[]>; testArray: Array<any[]>; constr....
2 may. 2021 a las 22:10
Estoy siguiendo el tutorial del recorrido angular de los héroes (https://angular.io/tutorial/toh-pt6). Quiero ver si es posible tener la página de detalles en bucle a través de una matriz que accede a elementos específicos basados ​​en la página a la que se dirige Al igual que el tutorial, he cread....
2 may. 2021 a las 21:06
Por ejemplo, si tengo un Observable en mi componente y quiero usarlo en mi plantilla en varios lugares o necesito poner el valor Observable en el componente secundario en caso de que solo el resultado no sea null my.component.ts export class MyComponent { myObservable$: Observable<SomeData | nu....
2 may. 2021 a las 20:27
Tengo este problema en mi servicio: el tipo "Objeto" observable no se puede asignar al tipo "Producto" observable. ¿Tienes idea de cómo solucionarlo? esta es mi clase export class Product{ public id:number; public price:number; } Mis ts: onSaveProduct(data: any) { this.catService.saveReso....
2 may. 2021 a las 19:56
Esta es mi matriz: places = [ { "long_name": "Sydney", "types": [ "locality", "political" ] }, { "long_name": "Perth", "types": [ "administrative", "political" ] } ] Ahora quiero filtrar ....
2 may. 2021 a las 17:59
Estoy tratando de usar el operador switchMap. Pero debería llamar a diferentes solicitudes http según los parámetros. Entonces, para diferentes solicitudes http, los datos de suscripción también serán diferentes. Cómo manejar adecuadamente esos datos. Ahora mismo estoy recibiendo un error de mec....
2 may. 2021 a las 14:50
Estoy tratando de hacer una tabla con esta API: https://run.mocky.io/v3/70e5b0ad- 7112-41c5-853e-b382a39e65b7 / people sin embargo, tengo un error al iniciar: "/project/src/app/rest/rest.component: no tiene un miembro exportado 'RestComponent'" Aquí está la estructura de mi código: People.ts expo....
2 may. 2021 a las 14:47
Estoy tratando de vincular mi modelo de mecanografiado a los datos del backend para mostrarlos en un menú desplegable ng-select. Mi HTML para ng-select tiene el siguiente aspecto: <ng-select [items]="allEmp$ | async" bindLabel="empName" autofocus bindValue="id"[(ngModel)]="empName"></ng-select> Ty....
2 may. 2021 a las 10:38
este es mi archivo de componente html allData tiene datos de db con estilo en línea <div class="col-12" *ngFor="let data of allData"> <div [innerHTML]="data.description"></div> </div> ....
2 may. 2021 a las 06:38
He creado un modal como un componente separado en mi proyecto angular como el siguiente: HTML: <div mat-dialog-title> {{title}} </div> <div mat-dialog-content> <p>{{message}}</p> </div> <div mat-dialog-actions> <button mat-button color="primary" (click)="confirm()">{{btnOkText}}</button> <....
1 may. 2021 a las 19:00
En Reactive Form, agregar un control de formulario es tan fácil como: this.myForm.addControl('newcontrol',[]); Quiero hacer lo mismo con NgForm. @ViewChild('myForm') myForm : NgForm; ngAfterViewInit(): void{ this.myForm.addControl(); // But this method does not accept ('newcontrol',[])....
1 may. 2021 a las 18:44
Actualmente tengo un problema en mi aplicación angular donde obtengo una URL y si me suscribo directamente al observable e imprimo el valor en la consola, puedo ver que funciona. Sin embargo, si en su lugar utilizo pipe (map ()) por alguna razón, no se está disparando. public getDrugList(drugNa....
1 may. 2021 a las 18:43
Si la respuesta proveniente de mi API está en formato JSON, entonces funciona bien, pero si no está en formato json, la función no funciona. Esto es lo que estoy haciendo: En mi pagina.ts import { ApiconnectService } from '../../apiconnect.service'; export class BinaryGraphPage implements OnInit {....
1 may. 2021 a las 15:31
Por el método http Estoy descargando dto con algunas variables y algunas de ellas pueden no estar definidas. Ejemplo de respuesta Http (puede contener más variables como SO2, C6H6, etc.): { 'city_name': 'warszawa', 'pollution_types': { 'CO': 506.0, 'O3': 52.66 } } Dtos: export interfa....
1 may. 2021 a las 12:50
Tengo una lista desplegable en cascada que funciona sola, pero cuando genero una nueva fila y cambio uno de mis menús desplegables, afecta a toda la lista desplegable. Aquí está mi código html. <td> <select class="form-control" formControlName="province_id" (change)="on....
1 may. 2021 a las 09:32
Estoy usando formas reactivas angulares. Mi componente principal tiene una forma, una Add Form. Botones Submit y Reset. Cuando hago clic en Add form, agrega un formulario secundario llamado profile-form al DOM. El profile-form tiene dos campos First Name y Email. La idea es reutilizar el compon....
Estoy tratando de probar un componente. Utiliza 2 estados reductores diferentes con NGRX. ¿Cómo puedo decirlo en el estado inicial de la prueba que uno proviene de AppState y el otro proviene de Admintate (Lazyloaded), por favor? describe('UploadImageComponent', () => { let component: UploadImageC....
30 abr. 2021 a las 21:17
Tengo un componente de abuelo que muestra un mensaje que dice que se debe actualizar un campo en un componente de nieto. Una vez que el usuario actualiza el valor y hace clic en un botón, el elemento HTML del abuelo debe desaparecer inmediatamente . Un modelo simplificado de mi solución es el sigui....
30 abr. 2021 a las 19:58
En mi proyecto, quiero asociar los valores de una matriz que no sea la presente en las dos primeras columnas. ¿Es posible? (El número de valor de partialPrice es idéntico al número de code presente). He intentado esto pero no funciona: interv: Intervention[] partialPrice = [] { table: {....
30 abr. 2021 a las 19:28
No puedo hacer que esto funcione y sé que me falta algo estúpido ... No importa lo que intente, sigo recibiendo este error: "ERROR Error: Error al intentar diferenciar '[object Object]'. Solo se permiten matrices e iterables "¿Qué diablos me estoy perdiendo? Sé que es algo estúpido, pero no puedo ....
30 abr. 2021 a las 19:24
Quiero buscar y mostrar la fecha máxima en un conjunto de datos. Algunos datos de ejemplo serían 21/05/2021, 01/04/2021, 15/05/2021, y el resultado debería ser 21/05/21. Estoy intentando escribir una función, pero no funciona. Cuando uso console.log para mostrar el resultado, se establece en 0. N....
30 abr. 2021 a las 17:28
Quiero implementar un método de devolución booleano en angular. Lo escribí así isViewEnabled(id: string): Observable<boolean> { const isAppEnabledObs = this.serviceAccessor.isAppEnabled(id, appName); const configObs = this.getConfigFromServer(id); const isItSharedObs = this.selectionSer....
30 abr. 2021 a las 17:11
Estoy desarrollando una aplicación de escritorio con Angular 11 y Electron 12. La aplicación debe poder emitir sonidos y el usuario debe tener la capacidad de cambiar el dispositivo de salida de audio utilizado por la aplicación. Entonces, intenté usar setSinkId a> Característica experimental de W....
30 abr. 2021 a las 16:43
Tengo las siguientes expresiones: Esto recupera el parámetro de ID pasado a través de la URL: editUserId = this.route.snapshot.paramMap.get('id'); Luego utilicé FindIndex en una matriz de objetos para encontrar el índice de un elemento en la matriz igual al valor de ID mencionado anteriormente obte....
30 abr. 2021 a las 16:15
Tengo 4 botones simples, material angular, BrowserAnimationsModule importado, etc. <button mat-button mat-raised-button > TEST </button> <button mat-button mat-raised-button color="primary"> TEST primary</button> <button mat-button mat-raised-button color="warn"> TEST warn</button> <button mat-bu....
30 abr. 2021 a las 15:18