Exploring the potential of nesting directives within my angular 6 app (the typescript variant of angular) is currently my goal. To clarify, I aim to incorporate 2 additional directives B and C inside directive A.
Given that directives lack templates, uncertainty surrounds the feasibility of this approach. Moreover, inheriting from multiple directives falls short in meeting the desired outcome.
Can this configuration be achieved, or must I embrace duplicated coding?
In case you are curious about the rationale behind my pursuit:
I have devised directives for right-click functionalities like mouse down and mouse up events. These directives require a function as input, which is executed during said events.
The objective is to devise an advanced right-click drag directive that necessitates functions to handle mouse down, mouse up, and potentially drag events.
This task can certainly be accomplished by crafting the directive from scratch; however, seamlessly utilizing existing directives for right-click mouse down would yield a more organized structure.
Subsequently, the possibility of designing intricate drag directives capable of manipulating the DOM by harnessing the pre-existing right-drag directive emerges.