Preguntas etiquetadas con angular

He agregado el CORS en el encabezado pero todavía recibo el problema CORS en mi solicitud. ¿Cuál es la forma correcta de agregar y manejar CORS y otras solicitudes en los encabezados? Aquí está el código del archivo de servicio: import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http'; const httpOptions …

84 angular  angular5 

Tengo una aplicación donde tengo un componente de carga donde puedo cargar un archivo. Está incrustado en el body.component. En la carga, debe usar una función (por ejemplo BodyComponent.thefunction()) del componente principal (hacer una llamada para actualizar los datos): pero solo si el padre es específicamente el body.component. La carga …

83 angular 

Estoy usando Angular-CLI 1.6.6y @angular/service-worker 5.2.5en nuestra Angular 5.2.5aplicación. Todo funciona bien en el servidor lite local, así como en el servidor de producción, excepto por un mensaje de error que aparece en nuestro entorno de producción: Error al cargar el recurso: el servidor respondió con un estado de 504 …

83 angular  angular-cli  angular5  service-worker  angular-service-worker 

Tengo problemas para averiguar cómo marcar todos los campos del formulario como tocados. El principal problema es que si no toco los campos e intento enviar el formulario, el error de validación no aparece. Tengo un marcador de posición para ese fragmento de código en mi controlador. Mi idea es …

83 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

Estoy usando el inicio rápido de 5 minutos del sitio web angular.io, que contiene una estructura de archivo como esta: angular2-quickstart app app.component.ts boot.ts index.html license.md package.json tsconfig.json tsconfig.json es un bloque de código como este: { "compilerOptions": { "target": "ES5", "module": "system", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": …

82 javascript  json  angular 

Tengo un modal que contiene un formulario, cuando se destruye el modal, aparece el siguiente error en la consola: Envío de formulario cancelado porque el formulario no está conectado El modal se agrega a un <modal-placeholder>elemento que es hijo directo de <app-root>mi elemento de nivel superior. ¿Cuál es la forma …

82 javascript  html  angular  forms  angular-forms 

Soy nuevo en Angular 2 y TypeScript y estoy tratando de seguir las mejores prácticas. En lugar de usar un modelo de JavaScript simple ({}), estoy intentando crear una clase de TypeScript. Sin embargo, a Angular 2 no parece gustarle. Mi codigo es: import { Component, Input } from "@angular/core"; …

82 class  typescript  angular 

Estoy tratando de vincular una propiedad de color de mi clase (adquirida por el enlace de atributos) para establecer el background-colorde mi div. import {Component, Template} from 'angular2/angular2'; @Component({ selector: 'circle', bind:{ "color":"color" } }) @Template({ url: System.baseURL + "/components/circle/template.html", }) export class Circle { constructor(){ } changeBackground():string{ return "background-color:" …

82 angular 

Lo siguiente funciona muy bien cuando se suelta la tecla Intro . ¿Qué otras opciones están disponibles para keyupademás keyup.enter? <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>

82 javascript  html  onkeyup  angular 

Tengo un componente que recibe una serie de imageobjetos como Inputdatos. export class ImageGalleryComponent { @Input() images: Image[]; selectedImage: Image; } Me gustaría que cuando el componente cargue el selectedImagevalor se establezca en el primer objeto de la imagesmatriz. He intentado hacer esto en el OnInitgancho del ciclo de vida …

82 javascript  angular  typescript 

Tengo una tabla de datos de material angular 2 normal con encabezados de clasificación. Todo tipo de encabezados funcionan bien. Excepto el que tiene un objeto como valor. Estos no se clasifican en absoluto. Por ejemplo: <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name …

82 angular  angular-material2 

En angular2 quiero activar Validadores para algunos controles cuando se cambia otro control. ¿Hay alguna forma de que pueda decirle al formulario que se vuelva a validar? Mejor aún, ¿puedo solicitar la validación de campos específicos? Ejemplo: Dada la casilla de verificación X y la entrada P. La entrada P …

82 forms  validation  angular 

Estoy buscando una solución con Angular 2 para el escenario que se explica a continuación: En este escenario, la navegación superior contiene enlaces para cargar submódulos y la navegación secundaria tiene enlaces para actualizar el contenido del submódulo. Las URL deben mapear como: / home => carga la página de …

82 angular  routing 

Estoy tratando de usar los protectores del enrutador Angular2 para restringir el acceso a algunas páginas en mi aplicación. Estoy usando Firebase Authentication. Para verificar si un usuario ha iniciado sesión con Firebase, tengo que llamar .subscribe()al FirebaseAuthobjeto con una devolución de llamada. Este es el código para el guardia: …

82 typescript  angular  angular2-routing 

Estoy tratando de activar el evento de clic (o cualquier otro evento) en el elemento programáticamente.En otras palabras, quiero conocer las características similares que ofrece el método jQuery .trigger () en angular2. ¿Existe algún método integrado para hacer esto? ..... si no, por favor sugiera cómo puedo hacer esto Considere …

81 angular  angular2-forms