The @ViewChild decorator does not select providers defined through a string token

[ghost]

🐞 bug report

Affected Package

The issue is caused by package @angular/core.

Is this a regression?

Yes. This bug was not present before version 9 when Ivy was enabled by default. With ViewEngine, this bug is not present.

Description

In the documentation for the @ViewChild decorator, one of the accepted selectors is stated as:

Any provider defined through a string token (e.g. @ViewChild('someToken') someTokenVal: any)

However, with Ivy enabled, using this type of selector returns an undefined value. With ViewEngine, it works as described and returns a value.

🔬 Minimal Reproduction

https://stackblitz.com/edit/view-child-string-token-provider-selector

🔥 Exception or Error

No error, @ViewChild just returns an undefined value.

🌍 Your Environment

Angular CLI: 10.0.4
Node: 12.9.0
OS: darwin x64

Angular: 10.0.7
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1000.4
@angular-devkit/build-angular     0.1000.4
@angular-devkit/build-optimizer   0.1000.4
@angular-devkit/build-webpack     0.1000.4
@angular-devkit/core              10.0.4
@angular-devkit/schematics        10.0.4
@angular/cli                      10.0.4
@ngtools/webpack                  10.0.4
@schematics/angular               10.0.4
@schematics/update                0.1000.4
rxjs                              6.5.5
typescript                        3.9.7
webpack                           4.43.0

[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.}