本文整理汇总了TypeScript中angular2/common.AbstractControl类的典型用法代码示例。如果您正苦于以下问题:TypeScript AbstractControl类的具体用法?TypeScript AbstractControl怎么用?TypeScript AbstractControl使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了AbstractControl类的6个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: getValidatorErrorMessage
static getValidatorErrorMessage(control:AbstractControl):Array<string> {
let errors:Array<string> = [];
if(control.hasError('required')) {
errors.push('This field is required');
}
if(control.hasError('invalidEmailAddress')) {
errors.push('Invalid email address');
}
if(control.hasError('invalidNumber')) {
errors.push('Must be a number');
}
if(control.hasError('minlength')) {
let error:{requiredLength:number,actualLength:number} = control.getError('minlength');
errors.push('At least '+error.requiredLength+' characters minimum, actual: '+error.actualLength);
}
if(control.hasError('pattern')) {
let error:{regex:string} = control.getError('pattern');
errors.push('Invalid pattern, must match: '+error.regex);
}
return errors;
}
示例2: addTodo
addTodo(form){
const { todoDescription } = form;
this.todoService.createTodo({
description: todoDescription,
complete: false
});
this.todoDescription.updateValue('');
}
示例3: constructor
constructor(public http: Http, public fb: FormBuilder){
this.myForm = fb.group({
'sku': ['ABC123', Validators.required],
'sku1': ['ABC1234', Validators.required]
});
console.log(this.myForm.value)
this.sku = this.myForm.controls['sku'];
this.sku.updateValueAndValidity("");
}
示例4: onSubmit
onSubmit(event, form: any): void {
console.log('you submitted value:', form);
/*
this.myForm = this.fb.group({
'sku': ['', Validators.required],
'sku1': ['', Validators.required]
});
*/
this.fb.control({
'sku' : ""
})
this.sku = this.myForm.controls['sku'];
this.sku.updateValueAndValidity("");
this.sku.updateValueAndValidity("123");
console.log(this.myForm.controls.sku.value);
this.myForm.controls.sku.value = "Test";
}
示例5: newClicker
public newClicker(formValue: Object): boolean {
// need to mark the clickerName control as touched so validation
// will apply after the user has tried to add a clicker
this.clickerNameInput.markAsTouched();
if (!this.clickerNameInput.valid) {
return false;
}
this.clickerService.newClicker(formValue['clickerNameInput']);
// reset the value of the contorl and all validation / state
this.clickerNameInput = Utils.resetControl(this.clickerNameInput);
return true;
}
示例6: newTask
public newTask(formValue: Object): boolean {
// need to mark the taskNameInput control as touched so validation
// will apply after the user has tried to add a task
this.taskNameInput.markAsTouched();
if (!this.taskNameInput.valid) {
return false;
}
// pass new task to the task service
this.taskService.newTask(formValue['taskNameInput']);
// reset the value of the contorl and all validation / state
this.taskNameInput = Utils.resetControl(this.taskNameInput);
return true;
}