angular: View Encapsulation not working between multiple Angular 4 Apps (built with aot)

I’m submitting a … (check one with “x”)

[X] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

If i boot multiple (different) Angular 4 Apps (in different zones), the styles of each app will be adopt to all apps, because of the same css selector ( .app[_ngcontent-c0] )

Expected behavior

Every Angular 4 app should have its own css-selector

Minimal reproduction of the problem with instructions

Here is an working example with JIT-compiled Apps, both apps get different css selectors. If i build these apps with AOT, both Apps get the same css selector: http://plnkr.co/edit/fFTrK07EWBV6vSxhYaFe?p=preview

What is the motivation / use case for changing the behavior?

It should be possible to boot multiple angular 4 apps.

Please tell us about your environment:

I’m using webpack 2.3.3 with @ngtools/webpack loader (v. 1.2.13)

• Angular version: 4.0.1

• Browser: [all]

• Language: [all]

• Node (for AoT issues): node --version =
  node: 6.9.4 npm: 3.10.10