Angular2表单验证范围问题(模板驱动)

时间:2017-01-20 20:30:19

标签: angular angular2-forms

我无法获取component2中的输入以使位于component1中的表单无效。 component1中的输入使表单无效。无论如何使用angular2中的子组件中的输入使表单无效?我希望不必将我的表格传播给所有孩子,并逐一注册控件

的Component1:

@Component({
selector: 'app-component1',
template: `
  <form #f="ngForm"> 
     <input name="value1" [(ngModel)]="value1" customvalidator>
     <app-component2></app-component2> 
     <input type="submit" value="submit" [disabled]="!f.form.valid">
  </form>`
})
export class Component1 {
}

COMPONENT2:

@Component({
    selector: 'app-component2',
    template: '<input name="value2" [(ngModel)]="value2" customvalidator>'
})
export class Component2 {
}

0 个答案:

没有答案