Mudanças entre as edições de "Validation in Model Driven Forms in Angular2"

De Basef
Ir para: navegação, pesquisa
(Criou página com '=== Example 1: === In this example there are two fields with. The first field use a combination o two validators. The second field uses only one validator. <source lang="jav...')
 
Linha 1: Linha 1:
 
=== Example 1: ===
 
=== Example 1: ===
  
−
In this example there are two fields with. The first field use a combination o two validators. The second field uses only one validator.
+
In this example there are two fields. The first field uses a combination o two validators. The second field uses only one validator.
  
 
<source lang="javascript">
 
<source lang="javascript">

Edição das 14h18min de 26 de outubro de 2016

Example 1:

In this example there are two fields. The first field uses a combination o two validators. The second field uses only one validator. 

import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
 
@Component({
    selector: 'my-app',
    templateUrl: 'app/view/my-app.html'
})
 
export class MyAppComponent {
 
    myForm: FormGroup;
 
    constructor() {
        this.myForm = new FormGroup({
            'field1': new FormControl('', [Validators.required, Validators.minLength(6)]),
            'field2': new FormControl('', Validators.required)
        });
    }
 
}

Example 2:

This is a similar to example 1, but uses Form Builder: 

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
 
@Component({
    selector: 'my-app',
    templateUrl: 'app/view/my-app.html'
})
 
export class MyAppComponent {
 
    myForm: FormGroup;
 
    constructor(private fb: FormBuilder) {
        this.myForm = fb.group({
            'field1': ['', [Validators.required, Validators.minLength(6)]],
            'field2': ['', Validators.required]
        });
    }
 
}
Disponível em "http://www.basef.com.br/index.php?title=Validation_in_Model_Driven_Forms_in_Angular2&oldid=578"