कोणीय जेएस में सीएसवी फ़ाइल सामग्री को कैसे पढ़ा जाए?

Question

मैं एक सीएसवी फ़ाइल पढ़ना चाहता हूं और कोणीय और एचटीएमएल 5 का उपयोग कर अपनी सामग्री प्राप्त करना चाहता हूं। मैं सीएसवी फ़ाइल की सामग्री $ स्कोप में रखना चाहता हूं। कोई मुझे मदद कर सकता है? : डी

मैं अपने एचटीएमएल

<table align="center" > 
      <tr class="borderless"> 
       <td>Choose .csv file</td> 
       <td><input type="file" name="readCsvFile" id="readCsvFile" accept=".csv"> </td> 
       <td><input type="button" value="Upload" ng-click="uploadCsvFile()"></td> 
      </tr> 
</table> 

Answer 1

एक कस्टम निर्देश के साथ में इस कोड है:

app.directive('fileReader', function() { 
    return { 
    scope: { 
     fileReader:"=" 
    }, 
    link: function(scope, element) { 
     $(element).on('change', function(changeEvent) { 
     var files = changeEvent.target.files; 
     if (files.length) { 
      var r = new FileReader(); 
      r.onload = function(e) { 
       var contents = e.target.result; 
       scope.$apply(function() { 
       scope.fileReader = contents; 
       }); 
      }; 

      r.readAsText(files[0]); 
     } 
     }); 
    } 
    }; 
}); 

http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=preview