Angular Validador.patrón() no da los mismos resultados en línea de motores de regex

Tengo un formulario en el grupo. Y una expresión regular para validar nombre. Las restricciones para el campo de entrada nombre de son

• necesario.
• es alfanumérico.
• comienza con alfabetos.
• no contiene caracteres especiales.

Mi regex(^[a-zA-Z][a-zA-Z0-9]*$está trabajando bien cuando de la comprobación en línea. Pero con angular de la formControl muestra válida para todas las cadenas.

¿Alguien puede explicar ¿por qué hay discrepancias entre los resultados con angular Validador.patrón() y js motor.

He intentado lo siguiente con vano (todos son sugerencias de stackoverflow respuestas):

• Validators.pattern(/^[a-zA-Z][a-zA-Z0-9]*$/)
• Validators.pattern('[a-zA-Z][a-zA-Z0-9]*')

const nameRegex='^[a-zA-Z][a-zA-Z0-9]*$'
this.signupForm = this.formBuilder.group({
      name: ['', Validators.required, Validators.pattern(nameRegex)],
      email: ['', [Validators.required, Validators.pattern(emailRegex)]],
      password: ['', Validators.compose([Validators.required, Validators.minLength(6)])],
      c_password: ['', Validators.compose([Validators.required, Validators.minLength(6)])]