Angular Elements - Will show ExpressionChangedAfterItHasBeenCheckedError when use variable in attribute #30207
Description
🐞 bug report
Affected Package
The issue is caused by package @angular/elements 7.1.0
Is this a regression?
Yes, the previous version in 6.1.9 also existed.
Description
popup-element is a custom element created by angular element. Just the same as Demo in angular document. https://angular.cn/guide/elements#example-a-popup-service
And I use popup-element like this:
<popup-element [message]="'ww'"></popup-element>
Add this code to AppComponent html.
🔬 Minimal Reproduction
https://github.com/wszhi/angular-element-demo
🔥 Exception or Error
This error will be shown in console.
ng:///AppModule/PopupComponent.ngfactory.js:8 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'null: undefined'. Current value: 'null: ww'.
at viewDebugError (vendor.js:47267)
at expressionChangedAfterItHasBeenCheckedError (vendor.js:47244)
at checkBindingNoChanges (vendor.js:47416)
at checkNoChangesNodeInline (vendor.js:51494)
at checkNoChangesNode (vendor.js:51467)
at debugCheckNoChangesNode (vendor.js:52362)
at debugCheckRenderNodeFn (vendor.js:52294)
at Object.eval [as updateRenderer] (ng:///AppModule/PopupComponent.ngfactory.js:12)
at Object.debugUpdateRenderer [as updateRenderer] (vendor.js:52279)
at checkNoChangesView (vendor.js:51302)
🌍 Your Environment
Angular Version:
Angular CLI: 7.3.8
Node: 10.12.0
OS: darwin x64
Angular: 7.2.5
Anything else relevant?
In chrome browser Version 73.0.3683.103 (Official Build) (64-bit)