Angular elements methods are not exposed

[babloo04]

Which @angular/* package(s) are relevant/related to the feature request?

elements

Description

While creating angular Elements using out-box APIs, methods of components are not exposed.

Example

@Component(
selector: "animal",
  templateUrl: "./animal.component.html",)
  export class Animal{
    call() {
      console.log("Animal call");
      return 'call complete'
    }
}

here call() method is not available when we use "Animal" component as Angular Elements(web-component).

const animal = document.querySelector("animal");
animal.call() // undefined or error

Expected behaviour :

In angular elements method must be exposed to outside

Proposed solution

There must be some decorator similar to stenciljs

Alternatives considered

a

[kukjevov]

This is a duplicate of very old issue #22114

[JoostK]

Closing as duplicate of #22114

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