@angular/elements behaviour nested component service injection different

🐞 bug report

Affected Package

The issue is caused by package @angular/elements

Is this a regression?

No

Description

Injection of service in parent component using in child components not using host instance. Different behaviour using native angular component and webelements.

🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-ybq1fc?file=src%2Fapp%2Fapp.component.html

🌍 Your Environment

Angular Version:

Angular CLI: 8.0.1
Node: 12.4.0
OS: linux x64
Angular: 8.0.0
... animations, common, compiler, compiler-cli, core, elements
... forms, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.800.1
@angular-devkit/build-angular     0.800.1
@angular-devkit/build-optimizer   0.800.1
@angular-devkit/build-webpack     0.800.1
@angular-devkit/core              8.0.1
@angular-devkit/schematics        8.0.1
@angular/cli                      8.0.1
@ngtools/webpack                  8.0.1
@schematics/angular               8.0.1
@schematics/update                0.800.1
rxjs                              6.4.0
typescript                        3.4.5
webpack                           4.30.0

Anything else relevant?

[abstractFlo]

Push this up, we need this feature 😦

[angular-automatic-lock-bot[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.}