Preguntas etiquetadas con angular

FormGroup : Un FormGroup agrega los valores de cada FormControl secundario en un objeto, con cada nombre de control como clave. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : Un FormArray agrega los valores de cada FormControl secundario en una matriz. const arr …

91 angular  angular2-forms  angular-reactive-forms 

Así que tengo una forma compleja para crear una entidad y también quiero usarla para editar. Estoy usando una nueva API de formas angulares. Estructuré el formulario exactamente como los datos que recupero de la base de datos, por lo que quiero establecer el valor de todo el formulario en …

91 angular  angular2-forms 

En mi proyecto Angular 2, hago llamadas a API desde servicios que devuelven un Observable. El código de llamada luego se suscribe a este observable. Por ejemplo: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } Digamos que el servidor devuelve un 401. ¿Cómo puedo detectar este error globalmente y redirigir …

90 angular 

Soy nuevo en Angular 4, así que, ¿alguien podría explicar cómo y dónde usarlo ::ng-deepen Angular 4? En realidad, quiero sobrescribir algunas de las propiedades CSS de los componentes secundarios de los componentes principales. Además, ¿es compatible con IE11?

90 css  angular  angular-template 

En el documento angular 2, * y la plantilla , sabemos que * ngIf, * ngSwitch, * ngFor se puede expandir a la etiqueta ng-template. Mi pregunta es: Creo que el ngIfo ngForsin *también se puede traducir y expandir a una etiqueta de plantilla por motor angular. El siguiente código …

90 javascript  angular  angular-directive 

Estoy tratando de probar mi solucionador de rutas y mientras lo probaba obtuve TypeError: ctor is not a constructory no tengo idea de por qué sucede mientras el tiempo de compilación de mecanografiado no tiene error. TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass …

90 angular  karma-runner  angular-routing 

Dado este código: this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); ¿Cómo puedo obtener todos los errores de validación this.form? Estoy escribiendo pruebas unitarias y quiero incluir los errores de validación reales en el mensaje de confirmación.

90 angular  typescript  validation 

Extraje un código de plantilla de muestra de este tutorial e hice los siguientes dos pasos para comenzar: npm install // worked fine and created node_modules folder with all dependencies npm start // falló con el siguiente error- node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of …

89 angular  typescript  rxjs 

Referido a https://angular.io/docs/ts/latest/guide/displaying-data.html y apilar Cómo verificar el objeto vacío en la plantilla angular 2 usando * ng Si aún se obtiene un error de sintaxis, el contexto personal no está definido. Si elimino la condición * ngIf, obtengo valores en teamMembers si introduzco algún valor en ella para poder …

89 angular  angular2-template 

Así es como se ve mi etiqueta de entrada: <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> Quiero restablecer el archivo seleccionado en Angular 2. Se agradecería mucho la ayuda. Déjeme saber si usted necesita más detalles. PD Podría obtener detalles del archivo de los $eventparámetros y guardarlo en una variable …

89 angular 

Tengo una forma reactiva en Angular como a continuación: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some …

89 angular  angular-reactive-forms  reactive 

Entonces, estoy trabajando con angular4 en mi trabajo de práctica y esto es nuevo para mí. Afortunadamente, para obtener elementos html y sus valores utilicé <HTMLInputElement> document.getElementByIdo <HTMLSelectElement> document.getElementById Me pregunto si hay algún reemplazo para esto en angular

89 angular  typescript 

La documentación de Angular informa que debería usar el --base-hrefparámetro en la compilación de la aplicación Angular para producción cuando se vaya a implementar en una subcarpeta del servidor: Si copia los archivos en una subcarpeta del servidor, agregue el indicador de compilación --base-hrefy establezca el <base href>. Por ejemplo, …

89 angular  angular-cli 

Recientemente comencé a usar angular 4 en lugar de angular.js 1. He seguido el tutorial de héroes para aprender sobre los fundamentos de angular 4 y actualmente estoy usando el propio "RouterModule" de angular del paquete "@ angular / enrutador". Para implementar alguna autorización para mi aplicación, me gustaría saber …

89 angular 

Mi problema es bastante clásico. Tengo una parte privada de una aplicación que está detrás de un login form. Cuando el inicio de sesión es exitoso, se dirige a una ruta secundaria para la aplicación de administración. Mi problema es que no puedo usar el global navigation menuporque el enrutador …

89 angular  angular-routing  angular-router