Read and Set Input Value using AngularJS

Tuesday, 26 August 2014 | Posted by
AngularJS supports .val() jQuery functionality. Here in below examples we can see how to read value of an element.

Using ng-model

ng-model is directive to hold input variable
<input ng-bind="val" value="default value"/>
<br/>
{{val}}
<script>
function myCtrl($scope) {
    $scope.val = 'my val var'; 
}
</script>
Try It Your Self

Steps to read input value using Angular Element:

  1. Get angular element of html element
  2. Use .val() method to read input value
var myEl = angular.element( document.querySelector( '#inputID' ) );
myEl.val();

Steps to set input value using Angular Element:

  1. Get angular element
  2. Use .val('value') method to set value
var myEl = angular.element( document.querySelector( '#inputID' ) );
myEl.val('my value');
Labels:

43 comments:

  1. Jones Sathya19 December 2016 at 23:32

    As a beginner this helps to learn AngularJS. Thanks for sharing this, Bookmarked

    Related Topic: http://www.credosystemz.com/training-in-chennai/best-angularjs-training-in-chennai/

    ReplyDelete
  2. owen morris20 April 2018 at 03:07

    Your good knowledge and kindness in playing with all the pieces were very useful. I don’t know what I would have done if I had not encountered such a step like this.


    Big Data Training in Bangalore

    ReplyDelete
  3. Inigo joseph11 May 2018 at 23:36

    I simply wanted to write down a quick word to say thanks to you for those wonderful tips and hints you are showing on this site.
    datascience training in chennai

    ReplyDelete
  4. vijay12 May 2018 at 02:29

    I simply wanted to thank you so much again. I am not sure the things that I might have gone through without the type of hints revealed by you regarding that situation.
    Best selenium training Institute in chennai

    ReplyDelete
  5. Vinoth Kumar17 July 2018 at 22:58

    VLSI Training in Chennai | Best VLSI Training in Chennai | VLSI Training Centres in Chennai | VLSI Courses in Chennai | VLSI Training Courses in Chennai | VLSI Training Institute in Chennai | VLSI Training Institutes in Chennai | Best VLSI Training Institute in Chennai

    ReplyDelete
  6. Vinoth Kumar17 July 2018 at 22:58

    PLC Training in Chennai | PLC Training Institute in Chennai | PLC Training Center in Chennai | PLC SCADA Training in Chennai | PLC SCADA DCS Training in Chennai | Best PLC Training in Chennai | Best PLC Training Institute in Chennai | PLC Training Centre in Chennai | Embedded System Training in Chennai | Embedded Training in Chennai | VLSI Training in Chennai | VLSI Training Institute in Chennai

    ReplyDelete
  7. Vinoth Kumar17 July 2018 at 22:58

    PLC Training in Chennai | PLC Training Institute in Chennai | PLC Training Center in Chennai | PLC SCADA Training in Chennai | PLC SCADA DCS Training in Chennai | Best PLC Training in Chennai | Best PLC Training Institute in Chennai | PLC Training Centre in Chennai | PLC SCADA Training in Chennai | Automation Training Institute in Chennai | PLC Training in Kerala

    ReplyDelete
  8. Vinoth Kumar17 July 2018 at 22:59

    Embedded Training in Chennai | Best Embedded Training in Chennai | Embedded System Training in Chennai | Embedded System Training Institute in Chennai | Best Embedded System Training Institute in Chennai | Embedded Course in Chennai | Embedded System Training Institutes in Chennai | Embedded System Training Center in Chennai | Best Embedded System Training in Chennai | Embedded Systems Training in Chennai | VLSI Training in Chennai | VLSI Training Institute in Chennai

    ReplyDelete
  9. Kingsly David4 August 2018 at 00:29

    Thanks for sharing with us. This is very Great aticle , it gives more useful information.
    http://www.metaforumtechnologies.com/angularjs-training-in-chennai

    ReplyDelete
  10. Awe Tech Water Purifier25 August 2018 at 02:52

    Good stuffs from this blog I got very interesting points in this article

    ReplyDelete
  11. pooja saravanan3 September 2018 at 04:35

    The site was so nice, I found out about a lot of great things. I like the way you make your blog posts. Keep up the good work and may you gain success in the long run.
    Hadoop Training in Chennai

    Hadoop Training in Bangalore

    Big data training in tambaram

    Big data training in Sholinganallur

    Big data training in annanagar

    Big data training in Velachery

    Big data training in Marathahalli

    ReplyDelete
  12. gowsalya10 September 2018 at 04:00

    Your good knowledge and kindness in playing with all the pieces were very useful. I don’t know what I would have done if I had not encountered such a step like this.
    Devops Training in pune

    Devops Training in Chennai

    Devops Training in Bangalore

    AWS Training in chennai

    AWS Training in bangalore





    ReplyDelete
  13. vijay antony14 September 2018 at 04:40

    Inspiring writings and I greatly admired what you have to say , I hope you continue to provide new ideas for us all and greetings success always for you..Keep update more information..

    rpa training in Chennai | rpa training in pune

    rpa training in tambaram | rpa training in sholinganallur

    rpa training in Chennai | rpa training in velachery

    rpa online training | rpa training in bangalore

    ReplyDelete
  14. thulasi ragini14 September 2018 at 23:34

    I prefer to study this kind of material. Nicely written information in this post, the quality of content is fine and the conclusion is lovely. Things are very open and intensely clear explanation of issues
    Python training in usa
    Python training in marathahalli

    ReplyDelete
  15. afiah ahamed21 September 2018 at 22:34

    It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
    java training in jayanagar | java training in electronic city

    java training in chennai | java training in USA

    ReplyDelete
  16. Amar G28 September 2018 at 02:49

    UiPath Training in Bangalore by myTectra is one the best UiPath Training. myTectra is the market leader in providing Robotic Process Automation on UiPath
    ui path training in bangalore

    ReplyDelete
  17. shalinipriya4 October 2018 at 23:39

    Thanks for the good words! Really appreciated. Great post. I’ve been commenting a lot on a few blogs recently, but I hadn’t thought about my approach until you brought it up. 
    Data science training in tambaram | Data Science training in anna nagar
    Data Science training in chennai | Data science training in Bangalore
    Data Science training in marathahalli | Data Science training in btm

    ReplyDelete
  18. cynthia williams9 October 2018 at 01:57

    Thanks for sharing this pretty post, it was good and helpful. Share more like this.
    RPA Training in Chennai
    Robotics Process Automation Training in Chennai
    RPA courses in Chennai
    AWS Training in Chennai
    Angularjs Training in Chennai
    ccna Training in Chennai

    ReplyDelete
  19. Priya Rajesh14 October 2018 at 22:53

    Learned a lot from your blog. Good creation and hats off to the creativity of your mind. Share more like this.
    DevOps course in Chennai
    DevOps course
    Best DevOps Training in Chennai
    Python Training in Chennai
    Machine Learning Training in Chennai
    UiPath Training in Chennai

    ReplyDelete
  20. chitra pragya16 October 2018 at 02:45

    I’ve desired to post about something similar to this on one of my blogs and this has given me an idea. Cool Mat.
    angularjs online Training

    angularjs Training in marathahalli

    angularjs interview questions and answers

    angularjs Training in bangalore

    angularjs Training in bangalore

    ReplyDelete
  21. LindaJasmine27 October 2018 at 02:15

    Interesting Post. I liked your style of writing. It is very unique. Thanks for Posting.

    Node JS Training in Chennai
    Node JS Course in Chennai
    Node JS Advanced Training
    Node JS Training Institute in chennai
    Node JS Training Institutes in chennai
    Node JS Course

    ReplyDelete
  22. Shiva Shakthi27 October 2018 at 04:31

    The blog you had post is verymuch useful for us to know about the Web designing. thanks for your information sharing with us.
    Web Designing Institute in Coimbatore
    Web Designing Course
    Web Design Classes
    Website Design Course
    Learning Web Design

    ReplyDelete
  23. Sai Elakiyaa27 October 2018 at 05:21

    This is the best article on recent technology. Thanks for taking your own time to share your knowledge,
    Selenium Training in Chennai
    Selenium Course in Chennai
    iOS Course in Chennai
    Digital Marketing Training in Chennai
    J2EE Training in Chennai
    PHP Training Chennai
    PHP Training Institute in Chennai

    ReplyDelete
  24. Vicky Ram28 October 2018 at 21:00

    Excellent post! keep sharing such a post

    Article submission sites
    Guest posting sites

    ReplyDelete
  25. LindaJasmine29 October 2018 at 22:20

    Interesting Post. Looking for this information for a while. Thanks for Posting.

    Node JS Training in Chennai
    Node JS Course in Chennai
    Node JS Advanced Training
    Node JS Training Institute in chennai
    Node JS Training Institutes in chennai
    Node JS Course

    ReplyDelete
  26. Anbarasan1429 October 2018 at 23:47

    Nice blog. Can't be written much better. You’re doing a great job. Keep continuing.

    Spoken English Institutes in Bangalore
    Spoken English Coacjing Classes near me
    English Speaking Classes in Bangalore
    Spoken English Chennai
    English Classes in Chennai
    Spoken English Course in Chennai
    Best Spoken English Classes in Chennai

    ReplyDelete
  27. yuva prithika30 October 2018 at 00:11

    Thanks for sharing this valuable information to our vision. You have posted a worthy blog keep sharing.
    hadoop training in bangalore
    hadoop training in bangalore
    big data training in bangalore
    big data courses in bangalore
    Java Training Classes in Bangalore
    Java Training Courses in Bangalore
    Aws Cloud Training in Bangalore
    Aws Coaching Centre in Bangalore

    ReplyDelete
  28. sharmi chithra1 November 2018 at 02:05

    It is very excellent blog and useful article thank you for sharing with us, keep posting.

    Primavera Training
    Primavera p6 Training
    Primavera Training Institute in Chennai
    Primavera Training Institutes in Chennai

    ReplyDelete
  29. sharmi chithra2 November 2018 at 00:34

    Nice post. I learned some new information. Thanks for sharing.

    Xamarin Training in Chennai
    Xamarin Course in Chennai
    Xamarin Training
    Xamarin Course
    Xamarin Training Course
    Xamarin Classes
    Best Xamarin Course

    ReplyDelete
  30. Vicky Ram2 November 2018 at 03:25

    Thanks for sharing this pretty post, it was good and helpful. Share more like this.

    eiffeltowerfacts
    Technology

    ReplyDelete
  31. LindaJasmine3 November 2018 at 00:38

    Thanks for sharing such an amazing post. Your style of writing is very unique. It made me mesmerized in your words. Keep on writing.

    Informatica Training in Chennai
    Informatica Training Center Chennai
    Best Informatica Training in Chennai
    Informatica course in Chennai
    Informatica Training center in Chennai
    Informatica Training
    Learn Informatica
    Informatica course

    ReplyDelete
  32. mercyroy4 November 2018 at 20:27

    More informative,thanks for sharing with us.
    this blog makes the readers more enjoyable.keep add more info on your page.
    Java Training center in Bangalore
    Java Training in Nolambur
    Java Training in Amjikarai
    Best Java Training Institute in OMR

    ReplyDelete
  33. Aruna Ram7 November 2018 at 21:13

    I appreciate you sharing this post. Thanks for your efforts in sharing this information in detail. kindly keep continuing the good job.
    Robotics Courses in Bangalore
    Automation Courses in Bangalore
    RPA Training in Bangalore
    Robotics Classes in Bangalore
    Robotics Training in Bangalore
    RPA Courses in Bangalore

    ReplyDelete
  34. Harish10 November 2018 at 01:14

    Thank you for sharing this valuable information. Keep up the good work.

    Spark Training Institute in Chennai
    Spark Training Academy
    Spark Course in Adyar
    Spark Course in Tambaram
    Spark Course in Velachery

    ReplyDelete
  35. sandy star14 November 2018 at 23:32

    Does your blog have a contact page? I’m having problems locating it but, I’d like to shoot you an email. I’ve got some recommendations for your blog you might be interested in hearing.


    AWS Training in Pune | Best Amazon Web Services Training in Pune


    Amazon Web Services Training in OMR , Chennai | Best AWS Training in OMR,Chennai


    AWS Training in Chennai |Best Amazon Web Services Training in Chennai


    Amazon Web Services Training in Pune | Best AWS Training in Pune

    ReplyDelete
  36. mercyroy15 November 2018 at 23:51

    Informative post,It is useful for me to clear my doubts.I hope others also like the information you gave in your blog.
    devops Training in Nolambur
    devops Training in Perambur
    devops bangalore
    devops classroom training in bangalore

    ReplyDelete
  37. Aruna Ram18 November 2018 at 21:10

    Innovative think!!! Thank You for your great post. I need more info to learn so kindly update it.
    Digital Marketing Training institute in Bangalore
    Digital Marketing Classes in Bangalore
    Best Digital Marketing Course in Bangalore
    Digital Marketing Training in vadapalani
    Digital Marketing Course in Chennai
    Digital Marketing Training in Tambaram
    Digital Marketing Course in Omr

    ReplyDelete
  38. sathyaramesh19 November 2018 at 23:32

    Thanks for splitting your comprehension with us. It’s really useful to me & I hope it helps the people who in need of this vital information.
    web designing course
    web designing courses
    web development courses
    PHP course
    PHP Training
    Best PHP training in chennai

    ReplyDelete
  39. Aruna Ram20 November 2018 at 21:38

    It was really great! I learn lot of information from your post. I want more updates.....
    Machine Learning Course in Chennai
    Machine Learning Classes near me
    Machine Learning Training in Chennai Velachery
    Machine Learning Course in Tnagar
    Machine Learning Training in Nungambakkam
    Machine Learning Course in Saidapet

    ReplyDelete
  40. Kayal m21 November 2018 at 22:50

    Wonderful idea! It's very impress to me and very nice concept. Thank you so much sharing with us. Please keeping....
    Best PHP Training in Bangalore
    PHP Coaching in Bangalore
    PHP Course in Annanagar
    PHP Course in Perambur
    PHP Course in Tnagar
    PHP Training Institute in Velachery
    PHP Course in Omr
    PHP Training in Kandanchavadi

    ReplyDelete
  41. Bhuvana28 November 2018 at 01:13

    I accept there are numerous more pleasurable open doors ahead for people that took a gander at your site.we are providing ReactJs training in Chennai.
    For more details: ReactJs training in chennai

    ReplyDelete
  42. venu bharath28 November 2018 at 01:24

    Awesome Post . Your way of expressing things makes reading very enjoyable. Thanks for posting.
    Ethical Hacking Course in Chennai
    Hacking Course in Chennai
    Ethical Hacking Training in Chennai
    Certified Ethical Hacking Course in Chennai
    Ethical Hacking Course
    Ethical Hacking Certification
    IELTS coaching in Chennai
    IELTS Training in Chennai

    ReplyDelete
  43. venu bharath11 December 2018 at 03:23

    You are an awesome writer. The way you deliver is exquisite. Pls keep up your work.
    Spoken English Classes in Chennai
    Best Spoken English Classes in Chennai
    Spoken English Class in Chennai
    Spoken English in Chennai
    Best Spoken English Class in Chennai
    English Coaching Classes in Chennai
    Best Spoken English Institute in Chennai

    ReplyDelete

Subscribe to: Post Comments (Atom)

Blogroll

Follow this blog by Email

Popular Posts