How to access DOM element in angularjs controller?

Question

I need angularjs controller to read hidden input field on a form. I tried to define a scope variable in the controller 'postData.TransactionId' and look at this in the controller. But the value is coming as blank. Is it because DOM is not loaded yet for angularjs controller to look at the input field? Are there any alternatives? Thank you!

<form name="form1" id="form1" ng-controller="Ctrl">
    <input type="hidden" id="TransactionId" name="TransactionId" value="@Request.Form["TransactionId"]" ng-model="postData.TransactionId">
</form>

I am trying to inject a service in the script tag of the view but I get an error saying "angular is undefined". Is it possible to read the value in Ctrl this way?

<div ng-controller="Ctrl">
</div>

<script src="~/Scripts/angular-idle.min.js"></script>
<script>

    var app = angular.module('pay', []);
    app.service("PostService", function () {
        this.TransactionID = "Test";
    });
</script>

You can use page life hooks in angular . start you operation in $onInit . blog.thoughtram.io/angularjs/2016/03/29/… I hope it helps — rahul tiwari
– rahul tiwari, Commented Feb 22, 2019 at 20:50
This is not possible with a hidden input. ngModel does not do binding with hidden inputs — Pop-A-Stash
– Pop-A-Stash, Commented Feb 22, 2019 at 21:22

malibeg · Accepted Answer · 2019-02-24 22:21:06Z

0

You could try using ng-init to fill the model

<input type="hidden" id="TransactionId" name="TransactionId" value="@Request.Form["TransactionId"]" ng-model="postData.TransactionId" ng-init="[email protected]["TransactionId"]">

or you could use input type="text" with display style none link

answered Feb 24, 2019 at 22:21

malibeg

2,2672 gold badges18 silver badges21 bronze badges

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

2 Comments

Jyina Over a year ago

I tried to define input elements as suggested but it did not work for me. I think my problem is that controller is invoked first before DOM is loaded. So the controller is still showing blank value in the model postData.TransactionId. Thank you.

Jyina Over a year ago

I am trying to pass the values to angular service and read them in the controller. But I get an error "angular is undefined".

Collectives™ on Stack Overflow

How to access DOM element in angularjs controller?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related