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

43 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

Blogroll

Follow this blog by Email

Popular Posts