feat: Support angular template reference
OrShalmayev opened this issue · 0 comments
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Describe the Feature Request
Currently, it's not possible to use a Stencil web component with template ref in Angular, which limits the flexibility of using Stencil components in Angular applications.
Describe the Use Case
I would like to request the feature of being able to use Stencil web components with template ref in Angular. Specifically, I want to be able to access the properties of the Stencil component using the template ref syntax in Angular templates.
For example, I have a Stencil component called "my-icon" with a property "iconName". I want to be able to use this component in an Angular template as follows:
<my-icon #myIcon [iconName]="myIcon.myIconProperty.ANNOUNCEMENT"></my-icon>
Here, the "myIcon" template reference variable is used to access the "myIconProperty" property of the Stencil component and set the value of the "iconName" property.
Describe Preferred Solution
No response
Describe Alternatives
No response
Related Code
No response
Additional Information
This feature will enhance the interoperability between Stencil and Angular, allowing developers to use Stencil components more easily in their Angular applications. It will also improve the developer experience and make it more intuitive and consistent with the Angular syntax.