Angular doesn't recognize ControlNames with a 'Dot' "." in the name on ReactiveForms

[JohanJimenex]

Which @angular/* package(s) are the source of the bug?

forms

Is this a regression?

No

Description

When I use names with Dot (.) in ControlName angular can't get the control with the method .get("control name");

Example:

...

public myForm = new FormGroup({
  "No. Customer": new FormControl('', Validators.required),
  "Other name": new FormControl('', Validators.required)
});

...

let myControl = myForm.get("No. Customer") // null
let myControl2 = myForm.get("Other name") // Object properties

//however it does come out when I get the controls
console.log(this.myForm.controls) // both controls properties printed

UPDATE:
@JoostK
I tried with console.log(this.myForm.controls["Solicitud No."]); its work!

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 14.1.0
Node: 14.17.6
Package Manager: npm 6.14.15
OS: win32 x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1401.0 (cli-only)
@angular-devkit/core         14.1.0 (cli-only)
@angular-devkit/schematics   14.1.0 (cli-only)
@schematics/angular          14.1.0 (cli-only)

node --version
v14.17.6

npm -version
6.14.15

 "dependencies": {
    "@angular/animations": "^14.1.0",
    "@angular/common": "^14.1.0",
    "@angular/compiler": "^14.1.0",
    "@angular/core": "^14.1.0",
    "@angular/fire": "^7.5.0",
    "@angular/forms": "^14.1.0",
    "@angular/platform-browser": "^14.1.0",
    "@angular/platform-browser-dynamic": "^14.1.0",
    "@angular/router": "^14.1.0",
    "@azure/msal-angular": "^2.4.3",
    "@azure/msal-browser": "^2.28.3",
    "animate.css": "^4.1.1",
    "bootstrap": "^5.2.1",
    "guid-typescript": "^1.0.9",
    "ng2-pdf-viewer": "^9.1.4",
    "primeicons": "^6.0.1",
    "primeng": "^14.2.3",
    "rxjs": "~7.5.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^14.1.0",
    "@angular/cli": "~14.1.0",
    "@angular/compiler-cli": "^14.1.0",
    "@commitlint/cli": "16.3.0",
    "@commitlint/config-conventional": "16.2.4",
    "@types/jasmine": "~4.0.0",
    "husky": "^7.0.4",
    "jasmine-core": "~4.2.0",
    "jasmine-spec-reporter": "^7.0.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^3.0.3",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.0.0",
    "karma-junit-reporter": "^2.0.1",
    "karma-sonarqube-unit-reporter": "0.0.23",
    "prettier": "^2.8.7",
    "typescript": "~4.7.2"
  }

Windows 10

Chrome browser Versión 114.0.5735.91 (Build oficial) (64 bits)

Anything else?

No response

[JoostK]

This is not supported as it conflicts with dotted syntax to resolve controls, but should arguably throw an error upon creation.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}