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

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

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

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

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

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

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}"

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

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

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

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

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

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

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

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

Estou tentando iterar sobre um formArray em meu componente, mas recebo o seguinte erro Error: Cannot find control with unspecified name attribute Aqui está a aparência da lógica em meu arquivo de classe export class AreasFormComponent implements OnInit { public initialState: any; public...

FormGroup : Um FormGroup agrega os valores de cada FormControl filho em um objeto, com cada nome de controle como a chave. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : Um FormArray agrega os valores de...

Eu tenho algum componente angular 2 simples com modelo. Como limpar o formulário e todos os campos após o envio ?. Não consigo recarregar a página. Depois de definir os dados com o date.setValue('')campo ainda touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES,...

Eu tenho uma matriz de formulário dentro de um formbuilder e estou alterando formulários dinamicamente, ou seja, ao clicar em carregar dados do aplicativo 1 etc. O problema que estou tendo é que todos os dados carregam, mas os dados no formarray permanecem e apenas concatam os itens antigos...