ngControl với ngFor trong Angular2

Question

Q1. Có thể có một kiểm soát ví dụ:

ValidNumber = new Control('', CustomValidators.number({min:1, max:10})) 

để xác nhận tất cả các loại tương tự của input trường trong mẫu?

Q2. Các trường này có thể được tạo bởi ngFor không?

---

FailedMethod 1: Validation hoạt động nhưng giá trị được kết hợp.

<input [ngFormControl]="ValidNumber" name="num1" type="number"/> 
<input [ngFormControl]="ValidNumber" name="num2" type="number"/> 

FailedMethod 2: Với formBuilder nó tương tự như trên.

<form [ngFormModel]="formBuiltWithFormBuilder"> 
    <input ngControl="ValidNumber" name="num1" type="number"/> 
    <input ngControl="ValidNumber" name="num2" type="number"/> 
</from> 

---

Mục tiêu Làm rõ:

• Tôi đang cố gắng để xác nhận các trường mẫu mà có thể được tạo ra với ngFor và yêu cầu xác nhận tương tự.

• Không xác định điều khiển tương tự Điều khiển liên tục ở nơi khác.

• Giá trị tôi có thể trích xuất bằng bất kỳ phương pháp nào khác như #form="ngForm" hoặc ngModel, tất cả những gì tôi muốn từ ngControl là Xác thực.

Answer 1

Bạn cũng có thể tạo điều khiển sau đó không có vấn đề gì.

@Component({ 
    ... 
    template: ` 
... 
<input *ngFor="let c in controls" [ngFormControl]="c" name="c.name" type="number"/> 
... 
` 
}) 
class MyComponent { 
    // initialization with `['a', 'b', 'c']` just for demo purposes 
    // these values probably come from outside - hence @Input() 
    @Input() controlNames:string[] = ['a', 'b', 'c']; 

    controls: Control[]; 

    ngOnInit() { 
    this.controlNames.forEach(
     v => this.controls.push(
      new Control('', CustomValidators.number{min:1, max:10}) 
     ) 
    ); 
    } 
} 

(mã không được kiểm tra)

controls cần phải được cập nhật khi controlNames thay đổi. ngOnInit() chỉ chạy một lần.