Why i can not read angular js input value with jquery?

Question

I'm new in angularjs write this code:

<ng-input theme='fumi' id='txtEmail' label='پست الکترونیک' icon='icon icon--fumi mdi mdi-select-all' style="font-size:medium;width:40%;"></ng-input>

and try to read that value with jquery with this way:

var EmailPattern = $('#txtEmail').val();
                alert(EmailPattern);

but alert show me null value,how can i solve that problem?thanks all.

Why would you ever need to do this using jQuery? Use ng-model on form controls. Note that <ng-input> can't have a value, it's not a form control. Show all relevant code — charlietfl
– charlietfl, Commented Nov 12, 2016 at 12:26

Sarantis Tofas · Accepted Answer · 2016-11-12 16:41:39Z

1

As stated in the comments you should avoid using jquery for getting an input value, by doing so you are breaking all rules of AngularJS. There is no need for jquery since you can use the ng-model directive.

HTML

<ng-input theme='fumi' id='txtEmail' ng-model='text_email' label='پست الکترونیک' icon='icon icon--fumi mdi mdi-select-all' style="font-size:medium;width:40%;"></ng-input>

In your controller:

alert($scope.text_email);

Angular will get the scope variable updated whenever you change the input value. Simple like that.

Also keep in mind that Angular binding is two-way. This means that you can change the scope variable and see the change reflecting on the HTML

answered Nov 12, 2016 at 16:41

Sarantis Tofas

5,1871 gold badge26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

behi behi Over a year ago

Please Wait for test Your Solution.Thanks for answer

Collectives™ on Stack Overflow

Why i can not read angular js input value with jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related