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');

69 comments:

  1. 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. 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. 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. 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. Thanks for sharing with us. This is very Great aticle , it gives more useful information.
    http://www.metaforumtechnologies.com/angularjs-training-in-chennai

    ReplyDelete
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. Thanks for sharing this pretty post, it was good and helpful. Share more like this.

    eiffeltowerfacts
    Technology

    ReplyDelete
  14. 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
  15. 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
  16. 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
  17. 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
  18. This blog is very attractive and interesting. Thanks for your wonderful post. Well done and Keep it up....
    IELTS coaching centre in Chennai
    Best IELTS coaching in Chennai
    Best IELTS coaching centres in Chennai

    ReplyDelete
  19. This comment has been removed by the author.

    ReplyDelete
  20. Great Blog with Useful content. Thanks for sharing with us. Appreciate your effort and keep posting. Get the Best AngularJS Training in Bangalore with placement assistance at TIB Academy.

    ReplyDelete
  21. Thanks For Sharing Your Information Please Keep Updating Us Time Went On Just Reading The Article Data Science Online Training

    ReplyDelete
  22. Hey Nice Blog!! Thanks For Sharing!!!Wonderful blog & good post.Its really helpful for me, waiting for a more new post. Keep Blogging!
    SEO company in coimbatore
    SEO company
    web design company in coimbatore

    ReplyDelete
  23. I have read your blog its very attractive and impressive. I like it your blog.

    Guest posting sites
    Education

    ReplyDelete
  24. Thanks For Sharing The Information The Information Shared Is Very Valuable Please Keep Updating Us Time Just Went On Reading The article Python Online Course Hadoop Online Course Aws Online Course Data Science Online Course

    ReplyDelete
  25. The article is very simple and easy to understand.
    Data Analytics Courses

    ReplyDelete
  26. Wonderful post. Wasn't expecting anything less. Will be looking forward for more posts from your side
    Data Analytics Courses in Bangalore

    ReplyDelete
  27. Excellent Sharing. You have done a great job. I gathered lots of new information

    You will get an introduction to the Python programming language and understand the importance of it. How to download and work with Python along with all the basics of Anaconda will be taught. You will also get a clear idea of downloading the various Python libraries and how to use them.
    Topics
    About ExcelR Solutions and Innodatatics
    Do's and Don’ts as a participant
    Introduction to Python
    Installation of Anaconda Python
    Difference between Python2 and Python3
    Python Environment
    Operators
    Identifiers
    Exception Handling (Error Handling)

    ReplyDelete

Blogroll

Follow this blog by Email

Popular Posts