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...

Tengo un componente que se parece a esto: import { Component, VERSION } from '@angular/core'; @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: ['./app.component.css'], }) export class AppComponent { expandText: boolean = false; constructor() {} ngOnInit....
4 oct. 2021 a las 00:17
Mi código HTML en el que quiero crear un botón de inicio de sesión de google y lo coloqué en el medio de la página. Estoy usando angular y este es el código de login.component.html <button class="btn btn-block google-sign-in" border:none; width:110px; height:40px; border-radius:3% (click)="signInHa....
3 oct. 2021 a las 15:20
Estoy tratando de habilitar el botón cuando el valor devuelve verdadero. Incluso mi función devuelve el valor correcto pero no funciona según mis expectativas. Esta es mi función:   buttondisable() {​​​​​     this.store.select(transcriptionSelector).pipe(       takeUntil(this.transcriptSubject)....
2 oct. 2021 a las 16:02
Tengo una mesa de material angular. Si hago clic en una fila, quería recuperar HTMLTableCellElement de la fila seleccionada . Intenté usar viewChild pero el problema es que obtengo el elemento html de la tabla completa. Salida esperada A continuación se muestra mi código. ¡Ayúdame a lograr es....
2 oct. 2021 a las 10:17
Cómo verificar en angular si ngmodel o formularios están sucios o tienen entrada usando campos de formulario pero no usando formgroup. Quería verificar si 5 de los campos de entrada tienen valor o están sucios. Quiero mostrarlos como un mensaje, pero ¿cómo verificamos si, por ejemplo, 5 campos de De....
2 oct. 2021 a las 02:24
He tenido problemas con mi sitio en Laravel durante algún tiempo. Tengo una interfaz angular y estoy usando una API para consultar los datos específicos del usuario para que un usuario específico pueda cambiar sus datos en su página de perfil. Dicho esto, obviamente no quiero que personas no autor....
1 oct. 2021 a las 22:36
Necesito inyectar el formulario de un componente principal en un componente secundario para poder validar la entrada del componente secundario así: <form #formReference="ngForm"> <child-component></child-component> <child-component></child-component> <child-component></child-compo....
¡todo el mundo!. Estoy atrapado en una situación mecanografiada. Tengo un bucle forEach en el que se ejecuta un método de llamada de API methodOne() en el lado de este método, se ejecuta otra llamada de API methodTwo() [Secuencialmente]. Ahora mi requisito es que el bucle forEach debería esperar ....
¿Es una buena práctica pasar datos con el enrutador angular a un componente o debería usar un servicio en su lugar? Por el momento, el componente obtiene los datos de esta manera: this.account = activatedRoute.snapshot.data.account ....
Puede ver que puedo ejecutar el reverso de una palabra e imprimir en la consola, pero cómo implementarlo usando la entrada y un clic de botón en Angular. Gracias. Aquí está el enlace de stackBlitz. Código de muestra: function reverseLetters(str){ let stack = []; for(let i=0; i<str.length; i++....
1 oct. 2021 a las 10:27
Estoy un poco atascado con mi problema. Estoy trabajando en una vista así: Estoy obteniendo datos de la API, por lo que tendré múltiples opciones y subopciones. Sin embargo, quiero que la subopción aparezca solo cuando la casilla de verificación principal esté marcada. Traté de usar * ngIf: <ul....
30 sep. 2021 a las 18:57
En mi proyecto Angular, utilizo este componente, lo que representa un campo de entrada en un formulario. El objetivo es guardar el valor del campo de entrada sobre la marcha si el usuario lo cambió: export class SettingInputComponent implements OnInit, OnDestroy { @Input() model: SettingInterface....
30 sep. 2021 a las 17:15
-esta es mi lista guardada- export const FORMULARLIST: formular[] = [ { id: 1, name: 'Max Mustermann', mobileNumber: 123456, secondMobileNumber: 654321, email: 'MaxMustermann@beispiel.de', secondEmail: 'MaxMustermannSecond@beispiel.de', roomNumber: 'A101', task: "Rechenzentrum" },]; -this is my i....
30 sep. 2021 a las 10:14
Tengo una función a la que llamo varias veces cuando necesito procesar una fecha: dateFormat(myDate, format) { let temp=this.datePipe.transform(myDate, format) return(temp) } Esto solo formatea una fecha. let niceDate=dateFormat(mydate, 'MM/dd/yyyy') El problema es que necesito llamarl....
30 sep. 2021 a las 06:58
Tengo la gran cantidad de puestos de empleados: positions = [ { id: '0', title: 'position0', }, { id: '1', title: 'position1', }, { id: '2', title: 'position2', }, { id: '3', title: 'position3', }, ]; Creo forma reactiv....
30 sep. 2021 a las 00:42
Tengo una tabla donde hay una columna que requiere un valor de una solicitud HTTP para cada registro, así que utilicé un método que devuelve un observable de la siguiente manera: getItem(obj): Observable<string> { return this.http.get('/someServiceurl').pipe( map(res => { ....
29 sep. 2021 a las 23:21
Tenía un código completamente funcional en Angular 8. Decidí actualizar de 8 a Angular 12. Tengo una forma reactiva dinámica. El formulario tiene formato de pregunta y respuesta. Según quién inicie sesión, las preguntas cambian. La respuesta es de formato Sí / No. En función de quién ha iniciado....
29 sep. 2021 a las 20:01
He intentado alinear el icono y el texto hacia el lado derecho. Pero no está sucediendo. adjunto el diseño adjunto. Probé el siguiente código; avíseme si hay alguna opción disponible. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity....
29 sep. 2021 a las 19:33
Estoy ejecutando angular Universal con Prerendering. Al preprocesar, obtengo 2 etiquetas de script de preprocesamiento angular, pero no siempre. En mi entorno de desarrollo, tenía 10 rutas renderizadas previamente y 7 de cada 10 veces tenía 2 etiquetas de script de estado de aplicación. En el ent....
Con * ngFor, no puedo recuperar los datos de mi component.ts a mi component.html El mismo método funciona para una clase pero no para otra clase. Aquí está mi clase de servicio export class FoodListService { private url = environment.serverURL; constructor(private http: HttpClient) { } /....
Tengo un componente Angular ( usando Angular 1 0) con un fragmento de HTML como el siguiente: <div *ngIf="someCondition()" id="myID"> <p>Line 1</p> <p>Line 2</p> <p>Line 3</p> <p>Line 4</p> <p>Line 5</p> <p>Line 6</p> <p>Line 7</p> </div> Ahora, durante la prueba....
Estoy tratando de actualizar mi tema personalizado de Angular Material 11 a 12. Mi problema es que cuando quiero incluir mis mixins, ya no se importan. A continuación, una versión muy ligera de mi código: Mi código de angular 11 (funcionó antes de actualizar a angular 12) @use '~@angular/material'....
29 sep. 2021 a las 11:32
<ion-list lines='full'> <ng-container *ngFor="let item of data"> <ion-item> <ion-label class="ion-text-wrap"> {{ item.Title}} </ion-label> <ion-checkbox slot="end" (ionChange)="onDataCheckBoxChange(item.Id, $event)" [checked]="item.selected" ></io....
29 sep. 2021 a las 11:12
Supongamos que tengo un componente principal con dos o más componentes secundarios que obtienen datos de forma asincrónica de una API. Quiero mostrar una animación de carga en el componente principal hasta que ambos componentes secundarios terminen de obtener los datos. Tuve la idea de crear una p....
29 sep. 2021 a las 10:56
Actualmente defino mis clases modelo de esta manera: export class Company { constructor( public id?: number, public name?: string, public shortName?: string ) {} } La razón por la que uso ? es que en este caso no obtengo un error de que no se proporcionan valores para las propiedade....
29 sep. 2021 a las 09:36