title: use eventEmitter.emit() in component's template
body: <h2>Edit</h2>
  
  <p>I had a <code>TemplateRef</code> referenced with the same name in the HTML template !</p>
  
  <pre><code>&lt;ng-template #eventEmitter&gt;
  </code></pre>
  
  <p>Sorry about that, still keeping the question to reference the error code.</p>
  
  <h3>Old question</h3>
  
  <p>I was trying to use in a component's template <code>something.component.html</code> the <code>emit()</code> method of an <a href="https://angular.io/api/core/EventEmitter" rel="nofollow noreferrer"><code>EventEmitter</code></a> instance as</p>
  
  <pre><code>&lt;div (click)="eventEmitter.emit()"&gt;click me&lt;/div&gt;
  </code></pre>
  
  <p>and defined in my component <code>something.component.ts</code> like</p>
  
  <pre><code>@Output() eventEmitter = new EventEmitter&lt;any&gt;();
  </code></pre>
  
  <p>and get the following error </p>
  
  <pre><code>"jit_nodeValue_3(...).emit is not a function"
  </code></pre>
  
  <p>I couldn't find any reference to this in <a href="https://angular.io/api/core/EventEmitter" rel="nofollow noreferrer">the doc</a> or <a href="https://angular.io/guide/template-syntax#custom-events-with-eventemitter" rel="nofollow noreferrer">guide</a> and was curious about this behavior, does someone have a real explanation ?</p>