Content-Length: 267666 | pFad | http://github.com/angular/angular/issues/56174

86 AngularJS structural directives doesn't render Angular web components created using Angular elements · Issue #56174 · angular/angular · GitHub
Skip to content

AngularJS structural directives doesn't render Angular web components created using Angular elements #56174

Open
@dpkjain

Description

@dpkjain

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-repeat and ng-if etc.

Web components created using native APIs work fine inside AngularJs's structural directives, only angular's web components are not rendering.

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/typescript-ufccb5?file=index.ts,index.html

Please provide the exception or error you saw

In the provided stackblitz link, the Angular's web component renders correctly for the first time.

Now click on the ADD button.

The Angular's web component is removed completely from the DOM. In contrast, the web component created using just the native HTML works fine.

Please provide the environment you discovered this bug in (run ng version)

The issue can be replicated with Angular 15 as well

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: elementsIssues related to Angular Elements

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions









      ApplySandwichStrip

      pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


      --- a PPN by Garber Painting Akron. With Image Size Reduction included!

      Fetched URL: http://github.com/angular/angular/issues/56174

      Alternative Proxies:

      Alternative Proxy

      pFad Proxy

      pFad v3 Proxy

      pFad v4 Proxy