Preguntas etiquetadas con angular2-forms

LA SITUACIÓN: ¡Por favor ayuda! Estoy tratando de hacer lo que debería ser una forma muy simple en mi aplicación Angular2, pero no importa lo que nunca funcione. VERSIÓN ANGULAR Angular 2.0.0 Rc5 EL ERROR: Can't bind to 'formGroup' since it isn't a known property of 'form' EL CÓDIGO: La …

807 angular  typescript  angular2-forms 

Mensaje de error de pelusa: src / app / detail / edit / edit.component.ts [111, 5]: para (... en ...) las declaraciones deben filtrarse con una declaración if Fragmento de código (es un código de trabajo. También está disponible en la sección de validación del formulario angular.io ): for (const …

229 angular  angular2-forms  angular-cli  tslint 

Sigo recibiendo este error mientras uso el marco de formularios Angular2 de TypeScript: No hay directivecon "exportAs" establecido en "ngForm" Aquí está mi código dependencias del proyecto: "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": …

226 angular  typescript  forms  angular2-forms 

Estoy trabajando en un formulario de inicio de sesión y si el usuario ingresa credenciales no válidas, queremos marcar los campos de correo electrónico y contraseña como no válidos y mostrar un mensaje que dice que el inicio de sesión falló. ¿Cómo hago para configurar estos campos como no válidos …

190 validation  angular  angular2-forms 

Estoy tratando de implementar formularios dinámicos en Angular 2. He agregado funcionalidades adicionales como Eliminar y Cancelar a los formularios dinámicos. He seguido esta documentación: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html He realizado algunos cambios en el código. Recibo un error aquí. ¿Cómo hago para que este error desaparezca? Puede encontrar el código completo aquí: …

178 forms  angular  angular2-template  angular2-forms 

He estado leyendo sobre la nueva API de formularios de Angular2 y parece que hay dos enfoques en los formularios, uno es formularios basados ​​en plantillas y otro son formularios reactivos o modelos. Me gustaría saber la diferencia práctica entre los dos, no la diferencia en la sintaxis (obviamente) sino …

157 angular  angular2-forms 

Sé que en angular2 puedo deshabilitar un botón con el [disable]atributo, por ejemplo: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> pero ¿puedo hacerlo usando [ngClass]o [ngStyle]? Al igual que: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Gracias.

113 html  angular  angular2-template  angular2-forms 

Me he dado cuenta de que si desactivo un control en una forma reactiva de Angular 2, el control no se incluye en form.value. Por ejemplo, si defino mi formulario como se muestra a continuación: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), …

113 angular  angular2-forms 

Estoy en el RC4 y recibo el error No hay una directiva con "exportAs" establecido en "ngForm" debido a mi plantilla: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> el …

109 angular  typescript  angular2-forms 

Estoy usando Material 2 para agregar md-raised-button . Quiero aplicar esta directiva solo si cierta condición se cumple. Por ejemplo: <button md-raised-button="true"></button> Otro ejemplo: creé una forma reactiva dinámica básica en plunker. Estoy usando una formArrayNamedirectiva de forma reactiva para una matriz de controles. Quiero aplicar la formArrayNamedirectiva solo si …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Parece que no puedo corregir este error. Tengo una barra de búsqueda y un ngFor. Estoy tratando de filtrar la matriz usando una tubería personalizada como esta: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements …

105 angular  angular2-forms  angular2-pipe 

Dada una lista de casillas de verificación vinculadas a lo mismo formControlName, ¿cómo puedo producir una matriz de valores de casilla de verificación vinculados al formControl, en lugar de simplementetrue / false? Ejemplo: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" …

104 javascript  angular  checkbox  angular2-forms 

Estoy usando ReactiveFormsModuleAngular2 para crear un componente que contiene un formulario. Aquí está mi código: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (con [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> …

97 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Estoy tratando de iterar sobre un formArray en mi componente pero obtengo el siguiente error Error: Cannot find control with unspecified name attribute Así es como se ve la lógica en mi archivo de clase export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) …

92 loops  angular  angular2-forms 

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