title: How to read data attribute value in angular 6
body: <p>I have file control and I am setting data attribute using jquery. But when I submit the form the I am getting null value of data attribute. </p>
  
  <p>ad.html</p>
  
  <pre><code>&lt;div class="field" align="left"&gt;
      &lt;span&gt;
          &lt;h3&gt;Upload your images&lt;/h3&gt;
          &lt;input type="file" id="files" data-filedata="" name="files[]"  multiple (change)="preview($event)" /&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery code to set data attribute</p>
  
  <pre><code>$("#files").on("change", function(e) {      
      e.target.setAttribute('data-filedata', 'abc');
  })
  </code></pre>
  
  <p>ad.ts</p>
  
  <pre><code>preview(event) {     
      console.log(event.target.getAttribute('data-filedata'))
  }
  </code></pre>