title: addEventListener not working in angular select
body: <p>I am making a table using <code>primeng</code> and created table with three rows and three columns and every data is static..</p>
  
  <p>Eventhough I have used external library, at the end I am trying to traverse the <code>DOM</code> only..</p>
  
  <pre><code>&lt;p-table [value]="getData()"&gt;
        &lt;ng-template pTemplate="header"&gt;
          &lt;tr&gt;
      &lt;th&gt;Head 1&lt;/th&gt;
      &lt;th&gt;Head 2&lt;/th&gt;
      &lt;th&gt;Head 3&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/ng-template&gt;
      &lt;ng-template pTemplate="body" let-car&gt;
            &lt;tr&gt;
      &lt;td&gt;Data 1.1&lt;/td&gt;
      &lt;td&gt;Data 1.2&lt;/td&gt;
      &lt;td&gt;&lt;select&gt;&lt;option&gt;Select&lt;/option&gt;&lt;option value="test1"&gt;Opt 1&lt;/option&gt;&lt;option value="test2"&gt;Opt 2&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Data 2.1&lt;/td&gt;
      &lt;td&gt;Data 2.2&lt;/td&gt;
      &lt;td&gt;&lt;select&gt;&lt;option&gt;Select&lt;/option&gt;&lt;option value="test1"&gt;Opt 1&lt;/option&gt;&lt;option value="test2"&gt;Opt 2&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
    &lt;/tr&gt;
            &lt;tr&gt;
      &lt;td&gt;Data 3.1&lt;/td&gt;
      &lt;td&gt;Data 3.2&lt;/td&gt;
      &lt;td&gt;&lt;select&gt;&lt;option&gt;Select&lt;/option&gt;&lt;option value="test1"&gt;Opt 1&lt;/option&gt;&lt;option value="test2"&gt;Opt 2&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
    &lt;/tr&gt;
      &lt;/ng-template&gt;
  &lt;/p-table&gt;
  </code></pre>
  
  <p>Now I am in the need to get the select box value of the selected item in the last column, for which I have written <code>addEventListener</code> like,</p>
  
  <pre><code>select.addEventListener('change', this.onclick.bind(this))
  </code></pre>
  
  <p>But it doesn't work.. The <code>onclick()</code> method doesn't triggers..</p>
  
  <p>I think th eproblem might be due to <code>ngAfterViewInit</code> but if I give it inside <code>ngOnInit</code> the dom elements itself not accessible..</p>
  
  <p><strong>Working Stackblitz:</strong> <a href="https://stackblitz.com/edit/primeng-tables-dhzmbt" rel="nofollow noreferrer">https://stackblitz.com/edit/primeng-tables-dhzmbt</a></p>
  
  <p>Kindly help me to achieve the <code>addEventListener</code> in select box only using <strong>pure JS/TS way</strong> and template cannot be modified..</p>