Perguntas com a marcação «angular2-forms»

A SITUAÇÃO: Por favor ajude! Estou tentando criar o que deve ser uma forma muito simples no meu aplicativo Angular2, mas não importa o que nunca funcione. VERSÃO ANGULAR: Angular 2.0.0 Rc5 O ERRO: Can't bind to 'formGroup' since it isn't a known property of 'form' O CÓDIGO: A vista: …

806 angular  typescript  angular2-forms 

Mensagem de erro do fiapo: src / app / detail / edit / edit.component.ts [111, 5]: as instruções for (... in ...) devem ser filtradas com uma instrução if Fragmento de código (é um código funcional. Também está disponível na seção de validação de formulário angular.io ): for (const field …

229 angular  angular2-forms  angular-cli  tslint 

Eu continuo recebendo esse erro ao usar a estrutura Angular2-forms do TypeScript: Não existe directive"exportAs" definido como "ngForm" Aqui está o meu código dependências do projeto: "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": "^2.4.0", …

226 angular  typescript  forms  angular2-forms 

Estou trabalhando em um formulário de login e, se o usuário digitar credenciais inválidas, queremos marcar os campos de email e senha como inválidos e exibir uma mensagem informando que o login falhou. Como faço para definir esses campos como inválidos a partir de um retorno de chamada observável? Modelo: …

190 validation  angular  angular2-forms 

Estou tentando implementar formulários dinâmicos no Angular 2. Adicionei funcionalidades adicionais, como Excluir e Cancelar, aos formulários dinâmicos. Segui esta documentação: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Fiz algumas alterações no código. Estou recebendo erro aqui. Como faço para que esse erro ocorra? Você pode encontrar o código completo aqui: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , que está funcionando …

178 forms  angular  angular2-template  angular2-forms 

Eu tenho lido sobre a nova API de formulários do Angular2 e parece que existem duas abordagens em formulários, um é um formulário orientado a modelos e outro é reativo ou orientado a modelos. Gostaria de saber a diferença prática entre os dois, não a diferença na sintaxe (obviamente), mas …

157 angular  angular2-forms 

Eu sei que no angular2 posso desabilitar um botão com o [disable]atributo, por exemplo: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> mas posso fazer isso usando [ngClass]ou [ngStyle]? Igual a: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Obrigado.

113 html  angular  angular2-template  angular2-forms 

Percebi que se eu desabilitar um controle em uma forma reativa Angular 2, o controle não será incluído no form.value. Por exemplo, se eu definir meu formulário como a seguir: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: …

113 angular  angular2-forms 

Estou no RC4 e estou recebendo o erro Não há diretiva com "exportAs" definida como "ngForm" por causa do meu modelo: <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> o …

109 angular  typescript  angular2-forms 

Estou usando o Material 2 para adicionar md-raised-button. Desejo aplicar esta diretiva apenas se certa condição se tornar verdadeira. Por exemplo: <button md-raised-button="true"></button> Outro exemplo: criei uma forma reativa dinâmica básica no plunker. Estou usando uma formArrayNamediretiva de forma reativa para uma série de controles. Quero aplicar a formArrayNamediretiva apenas …

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

Não consigo consertar esse erro. Eu tenho uma barra de pesquisa e um ngFor. Estou tentando filtrar a matriz usando um tubo personalizado como este: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { …

105 angular  angular2-forms  angular2-pipe 

Dada uma lista de caixas de seleção vinculadas ao mesmo formControlName, como posso produzir uma matriz de valores de caixa de seleção vinculados a formControl, em vez de simplesmente true/ false? Exemplo: <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" value="value-2" …

104 javascript  angular  checkbox  angular2-forms 

Estou usando o ReactiveFormsModuleAngular2 para criar um componente que contém um formulário. Aqui está o meu código: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (com [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> …

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

Portanto, tenho um formulário complexo para criar uma entidade e também quero usá-lo para edição. Estou usando a nova API de formulários angulares. Estruturei o formulário exatamente como os dados que recupero do banco de dados, portanto, quero definir o valor de todo o formulário para os dados recuperados. Aqui …

94 angular  angular2-forms 

Depois de atualizar para RC5, começamos a receber este erro: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd …

94 angular  angular2-forms  angular2-formbuilder