Let's say I've declared three class-restricted directives "am-wat", "am-foo", and "am-bar", that each augment the attached element with some behavior, e.g.:
<div am-wat="some data" am-foo="other data" am-bar="lol">
Yadda yadda yadda
</div>
Is there a way to write a directive that mixes in the behavior of the three directives, e.g.:
<div am-trifecta="trifecta args">
Yadda yadda yadda
</div>
such that the trifecta directive invokes the behavior of each of the three directives on that div, passing each directive some args that the trifecta directive came up with? Can it be done in without requiring an intermediate DOM element being added, which might complicated or screw up existing styles?
Angular doesn't provide anything for you, here's one idea:
Maybe @iammerrick has a better idea.
Edit: I have been beaten to the punch! Guess I'll get some water.