Title: AngularJS structural directives doesn't render Angular web components created using Angular elements · Issue #56174 · angular/angular · GitHub
Open Graph Title: AngularJS structural directives doesn't render Angular web components created using Angular elements · Issue #56174 · angular/angular
X Title: AngularJS structural directives doesn't render Angular web components created using Angular elements · Issue #56174 · angular/angular
Description: Which @angular/* package(s) are the source of the bug? elements Is this a regression? Yes Description Custom web components created using Angular's 'createCustomElement' do not render inside AngularJs's structural directives like ng-repe...
Open Graph Description: Which @angular/* package(s) are the source of the bug? elements Is this a regression? Yes Description Custom web components created using Angular's 'createCustomElement' do not render inside Angula...
X Description: Which @angular/* package(s) are the source of the bug? elements Is this a regression? Yes Description Custom web components created using Angular's 'createCustomElement' do not render i...
Opengraph URL: https://github.com/angular/angular/issues/56174
X: @github
Domain: patch-diff.githubusercontent.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"AngularJS structural directives doesn't render Angular web components created using Angular elements","articleBody":"### Which @angular/* package(s) are the source of the bug?\n\nelements\n\n### Is this a regression?\n\nYes\n\n### Description\n\nCustom web components created using Angular's 'createCustomElement' do not render inside AngularJs's structural directives like ng-repeat and ng-if etc.\r\n\r\nWeb components created using native APIs work fine inside AngularJs's structural directives, **only angular's web components are not rendering.**\n\n### Please provide a link to a minimal reproduction of the bug\n\nhttps://stackblitz.com/edit/typescript-ufccb5?file=index.ts,index.html\n\n### Please provide the exception or error you saw\n\n```true\nIn the provided stackblitz link, the Angular's web component renders correctly for the first time.\r\n\r\nNow click on the ADD button.\r\n\r\nThe Angular's web component is removed completely from the DOM. In contrast, the web component created using just the native HTML works fine.\n```\n\n\n### Please provide the environment you discovered this bug in (run `ng version`)\n\n```true\nThe issue can be replicated with Angular 15 as well\n```\n\n\n### Anything else?\n\n_No response_","author":{"url":"https://github.com/dpkjain","@type":"Person","name":"dpkjain"},"datePublished":"2024-05-30T04:21:12.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/56174/angular/issues/56174"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:ef3722a7-db33-eaa1-5149-eae53f4c94c6 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | DBD0:3BFB17:3863D5F:4929F0A:6974C815 |
| html-safe-nonce | 1927b645b3f614bb5d81da8afbf571410c86e6843e165747c0459fafb634d85a |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJEQkQwOjNCRkIxNzozODYzRDVGOjQ5MjlGMEE6Njk3NEM4MTUiLCJ2aXNpdG9yX2lkIjoiMjM3NzAyMDA3MjMwMDY5MzUyNSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 6e91f66dc2eca3e0969cf86a9fcedc3ba8c44bd5d252c9449ba0bca1962823cb |
| hovercard-subject-tag | issue:2324665412 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/angular/angular/56174/issue_layout |
| twitter:image | https://opengraph.githubassets.com/0e72e280679525a4624c82bfa2e831e4084eb3d3be92f0fcb1fec513fec42dbc/angular/angular/issues/56174 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/0e72e280679525a4624c82bfa2e831e4084eb3d3be92f0fcb1fec513fec42dbc/angular/angular/issues/56174 |
| og:image:alt | Which @angular/* package(s) are the source of the bug? elements Is this a regression? Yes Description Custom web components created using Angular's 'createCustomElement' do not render inside Angula... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | dpkjain |
| hostname | github.com |
| expected-hostname | github.com |
| None | 4a4bf5f4e28041a9d2e5c107d7d20b78b4294ba261cab243b28167c16a623a1f |
| turbo-cache-control | no-preview |
| go-import | github.com/angular/angular git https://github.com/angular/angular.git |
| octolytics-dimension-user_id | 139426 |
| octolytics-dimension-user_login | angular |
| octolytics-dimension-repository_id | 24195339 |
| octolytics-dimension-repository_nwo | angular/angular |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 24195339 |
| octolytics-dimension-repository_network_root_nwo | angular/angular |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 488b30e96dfd057fbbe44c6665ccbc030b729dde |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width