相关疑难解决方法(0)

Angular2反应形式确认了价值的平等

我正在尝试创建一个Angular2 Reactive表单,我必须确认用户输入的电子邮件地址.这是一个链接到plunker

import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { User } from './signup.interface';

@Component({
selector: 'signup-form',
template: `
    <form novalidate (ngSubmit)="onSubmit(user)" [formGroup]="user">
    <label>
        <span>Full name</span>
        <input type="text" placeholder="Your full name" formControlName="name">
    </label>
    <div class="error" *ngIf="user.get('name').touched && user.get('name').hasError('required')">
        Name is required
    </div>
    <div class="error" *ngIf="user.get('name').touched && user.get('name').hasError('minlength')">
        Minimum of 2 characters
    </div>
    <div formGroupName="account">
        <label>
        <span>Email address</span>
        <input type="email" placeholder="Your email address" formControlName="email">
        </label>
        <div
        class="error"
        *ngIf="user.get('account').get('email').hasError('required') && user.get('account').get('email').touched">
        Email …
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular2-forms angular

5
推荐指数
1
解决办法
6385
查看次数

标签 统计

angular ×1

angular2-forms ×1

javascript ×1

typescript ×1