Ajuda com forms Angular 2


(Henrique Araujo) #1

estou querendo fazer a validação de um input especifico do meu form mais esta dando um erro

import {Component} from 'angular2/core';
import {NgForm} from 'angular2/common';

@Component({
    selector: 'my-app',
    template: `
        <form #_form="ngForm">
            <input type="text" required ngControl="x">
            {{_form.controls.x.errors.required}}
        </form>
    `
})
export class AppComponent { }

quando eu digito _form.controls.x.errors.required ele diz que a propriedade errors não existe.

estou esquecendo de alguma coisa? abrs!!


(Daniel Schmitz) #2

Eu não sei se esse _form.controls.x.erros funciona mesmo, nao achei isso em lugar algum da documentação do angular 2.

Tente usar o modelo que foi informado no Angular 2 (https://angular.io/docs/ts/latest/guide/forms.html)

 <label for="name">Name</label>
        <input type="text" class="form-control" required
          [(ngModel)]="model.name"
            ngControl="name"  #name="ngForm" >
        <div [hidden]="name.valid || name.pristine" class="alert alert-danger">
          Name is required
        </div>