title: How to dynamically create @Output on an Angular Component?
body: <p>For the sake of simplicity, Let's say we have a <code>MyComponent</code> with an <code>@Input() eventName = 'signal'</code>.</p>
  <p>I would like to use the value <code>signal</code> as the name of a dynamically created <code>EventEmitter</code>. Which I can use as a regular <code>@Output</code> as so:</p>
  <pre><code>&lt;my-component [eventName]=&quot;'signal'&quot; (signal)=&quot;onSignal()&quot;&gt;&lt;/my-component&gt;
  </code></pre>
  <p>My actual use case needs an array of &quot;event&quot; objects which would contain some other info for the template apart from the unique name to be used as the <code>@Output</code> name.</p>