Read CSV file content using Angular Directive.

-
This demo shows how to read a CSV file and get its content into scope by using angular .

Let's consider the view where we will be having Upload control and that's very simple code . Below would be the HTML file.




If you notice the accept attribute on file upload control above forces the browser to accept files type .CSV but again user can change it anytime and select another file . Have a validation for file type if you want to restrict to CSV only


 Now Let's define the Controller File which reads the input type . 



For Demo Purpose I am just copying all contents into scope .Choose your implementations according to Your need !! 

Result of Code  :



Comments

Post a Comment

Popular posts from this blog

The Top 15 Google Products for People Who Build Websites

-
Image
Google’s strategy of empowering site developers and owners with free and valuable tools has proven to be effective in garnering a fair bit of geek love for the company. But this affinity to Google by technology enthusiasts is not without warrant—they really do make excellent products that can be instrumental in building, maintaining, and improving websites. What’s more, they’re all usually free.   Check out some of the best Google products for developing, analyzing, maintaining and tinkering with websites . 1. Google Chrome Developer Tools Most developers know the advantages and convenience of testing and debugging in a web browser. It’s this fact that has led to the popularity of browser add-ons such as Firebug and Web Developer Toolbar . Google Chrome, the latest major entry in the web browser market, has a robust, capable, intuitive, and downright helpful suite of tools geared for developers comparable to—and some might even argue, better than— web development tools
Read more

Google Translator using Windows forms

-
Image
This latest version of GoogleTranslator utilizes Google Translate's AJAX APIs to translate text and retrieves the translation by parsing the returned JSON content.  What is it? Sample Application beta Version GoogleTranslator is an object that allows you to translate text using the power of Google's online language tools. This demo  allows you to easily perform a reverse translation. The app can be used as a poor man's resource translator for simple phrases, but you'd be wise to confirm the translation with a native speaker before using the results. How do I create it? You use Google Api to get translated text to Target language you specify. string sourceLanguage =sourceLang; string targetLanguage = targetLang; string urlNew = string.Format("https://translate.googleapis.com/translate_a/single?client=gtx&sl={0}&tl={1}&dt=t&q={2}", sourceLanguage,
Read more

5 Useful Tricks for Ubuntu Power Users

-
Image
Power users are the oft-adored geeks that everyone else looks up to; they do things that are seemingly complicated, they know what a proxy is, and they may or may not tweak with their neighbors unprotected wifi. Many desire to enter the Fraternity of Power Users, but few know where to start. If you’re a power user coming from a different operating system and want to get a foothold in Ubuntu, or if you’re an accomplished Ubuntu user looking to streamline your efficiency and workflow, these five tricks will take you to the next level. Save App Instance Let’s say that you have a dozen documents and spreadsheets open, as well as chat, a calculator, and a few other handy apps, when suddenly you need to leave your workstation. You’re left with two options: log out and have all of your programs close, or leave the station up and risk having your work messed with. The solution? Set Ubuntu to automatically restart any open applications from their last instance when you log back in.
Read more