Size: a a a

2019 June 19

DE

Denis Efremov in javascript_ru
javascript
 ngOnInit() {
   this.myForm = this.fb.group({
     myCheckbox: [''],
     myEmailField: [
       '',
       [
         Validators.maxLength(250),
         Validators.minLength(5),
         Validators.pattern(/.+@.+\..+/),
       ],
     ],
   })
 }

 onSubmit() {
   console.log(this.myForm.value)
 }
источник

S

Syntax Highlight Bot in javascript_ru
Denis Efremov
javascript
 ngOnInit() {
   this.myForm = this.fb.group({
     myCheckbox: [''],
     myEmailField: [
       '',
       [
         Validators.maxLength(250),
         Validators.minLength(5),
         Validators.pattern(/.+@.+\..+/),
       ],
     ],
   })
 }

 onSubmit() {
   console.log(this.myForm.value)
 }
источник

YK

Yuri Katkov in javascript_ru
а, блин, рассинхрон
источник
2019 June 20

DE

Denis Efremov in javascript_ru
typescript
this.myForm.get('myCheckbox').valueChanges.subscribe((value) => {
 if (value) {
   this.myForm.get('myEmailField').setValidators(Validators.required);
 } else {
   this.myForm.get('myEmailField').clearValidators();
 }
});
источник

S

Syntax Highlight Bot in javascript_ru
Denis Efremov
typescript
this.myForm.get('myCheckbox').valueChanges.subscribe((value) => {
 if (value) {
   this.myForm.get('myEmailField').setValidators(Validators.required);
 } else {
   this.myForm.get('myEmailField').clearValidators();
 }
});
источник

DE

Denis Efremov in javascript_ru
typescript
private emailValidators = [
 Validators.maxLength(250),
 Validators.minLength(5),
 Validators.pattern(/.+@.+\..+/)
];

ngOnInit() {
 this.myForm = this.fb.group({
   myCheckbox: [''],
   myEmailField: ['', this.emailValidators]
 });
 //...
}
источник

S

Syntax Highlight Bot in javascript_ru
Denis Efremov
typescript
private emailValidators = [
 Validators.maxLength(250),
 Validators.minLength(5),
 Validators.pattern(/.+@.+\..+/)
];

ngOnInit() {
 this.myForm = this.fb.group({
   myCheckbox: [''],
   myEmailField: ['', this.emailValidators]
 });
 //...
}
источник

DE

Denis Efremov in javascript_ru
А почему у тебя ts файлы без типов?
источник

YK

Yuri Katkov in javascript_ru
Denis Efremov
typescript
private emailValidators = [
 Validators.maxLength(250),
 Validators.minLength(5),
 Validators.pattern(/.+@.+\..+/)
];

ngOnInit() {
 this.myForm = this.fb.group({
   myCheckbox: [''],
   myEmailField: ['', this.emailValidators]
 });
 //...
}
давай лучше в личку
источник

DE

Denis Efremov in javascript_ru
Да это JS чат
источник

DE

Denis Efremov in javascript_ru
Единственное что здесь не оффтоп - это
источник

YK

Yuri Katkov in javascript_ru
Denis Efremov
А почему у тебя ts файлы без типов?
чтобы шума не создавать лишнего в статье
источник

DE

Denis Efremov in javascript_ru
Да я подотру
источник

YK

Yuri Katkov in javascript_ru
а, ну и еще формы в ангуляре ОООЧЕНЬ плохо типизированы
источник

DE

Denis Efremov in javascript_ru
Ты же хотел пиар, братан )))
источник

YK

Yuri Katkov in javascript_ru
Yuri Katkov
а, ну и еще формы в ангуляре ОООЧЕНЬ плохо типизированы
меня это просто выбешивает, постоянные баги из-за этого
источник

DE

Denis Efremov in javascript_ru
А разве не ты типизируешь?
источник

YK

Yuri Katkov in javascript_ru
типизировать формы - это тот еще квест
источник

YK

Yuri Katkov in javascript_ru
ангуляр-team их не типизировала в ядре, вот теперь все страдают, что в field.setValue() можно засунуть любую фигню
источник

DE

Denis Efremov in javascript_ru
Юра, ты можешь по линтеру выровнять?
источник