JavaScript - MultiLine RegExp: lastIndex застревает на новых строках?

Просто предоставив тегу input переменную шаблона, #inputPhoneNumber назначит объектное представление JavaScript этого HTMLElement переменной шаблона.

Попробуйте это с помощью:

 Input Field - With Just Template Varaible:



 
  Phone number must only contain digits


Two Way Binding: {{phoneNumber}}
ViewChild Native Element: {{viewChildFirst?.nativeElement | json}}
ViewChild Control: {{viewChildFirst.control | json}}
#first: {{first?.value}}

И в классе компонентов:

@ViewChild('first') viewChildFirst;

Как совершенно очевидно, viewChildFirst.control не будет определяться в этом случае. [ 1117]

Но при назначении ngModel переменной шаблона будет назначено представление FormControl этого элемента HTML переменной шаблона.

Попробуйте это с помощью:

 Input Field - With Template And ngModel assigned



 
  Phone number must only contain digits


Two Way Binding: {{phoneNumber}}
ViewChild Native Element: {{viewChildSecond?.nativeElement}}
ViewChild Conttrol: {{viewChildSecond.control | json}}
#second: {{second?.value}}

А в классе компонентов:

@ViewChild('second') viewChildSecond;

На этот раз viewChildSecond?.nativeElement не будет определено, но viewChildSecond.control будет. [+1121]

Вы можете проверить это, точно распечатав переменную шаблона, как я делал выше. Вот рабочий образец StackBlitz для вашей ссылки.

BLOCKQUOTE>