How to use hidden field value in script using angular js

Question

I have in html page like

<input type="hidden" id="disqusId"  ng-value="disqusId">

and I am using that value in script in same html page

<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = 'lingaraj';
    var disqus_identifier =  document.getElementById("disqusId").value;//its not getting value
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {`enter code here`
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>

Your code writing in jquery and your tag is angularjs. clarify about this. — user3843934
– user3843934, Commented Jul 31, 2015 at 7:43

user3843934 · Accepted Answer · 2015-07-31 07:45:52Z

1

In angularjs not jquery.

         <input type="hidden" id="disqusId"   ng-model="disqusId">

and in your js file .

console.log($scope.disqusId);

answered Jul 31, 2015 at 7:45

user3843934

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

1 Comment

Lingaraj M Patil Over a year ago

Actually $scope.discusId is set in Controller and in html <input type="hidden" id="disqusId" ng-value="disqusId"> in that same page i added above script ,how can i assign that hidden value to var disqus_identifier

Clement Amarnath · Accepted Answer · 2015-07-31 07:52:09Z

1

To Retrieve

angular.element(document.getElementsByName('disqusId'][0]).val();

or

<input type="hidden" name="disqusId" ng-init="disqusId='your desired value'" ng-model="disqusId">

To bind data then you can use anyone of the following

<input type="hidden" name="disqusId" value="{{disqusId}}" /> 


<input type="hidden" name="disqusId" ng-value="disqusId" />

answered Jul 31, 2015 at 7:52

Clement Amarnath

5,4761 gold badge23 silver badges34 bronze badges

1 Comment

Lingaraj M Patil Over a year ago

i tried what you suggested but not working ..... As i mentioned in my question my controller in controller.js and declared and assigned $scope.disqusId and <input type="hidden" ng-value ="{{disqusId}}" /> and script in same html page, how can i get the value of this and assign to var disqus_identifier = ? (here how to get value of disqusId) in script not in controller.js , i tried using document.getElementById('disqusId').value but not getting value

Shar678 · Accepted Answer · 2015-07-31 08:50:16Z

0

AngularJs - use ng-model.

 <input type="hidden" id="disqusId" name="disqusId"  ng-model="disqusId">

in your controller try to print in console ->

`console.log($scope.disqusId);

to me with angular i dont see the necessity to have a hidden value as you can just save in model / $scope

eg : you have save all your form in $scope.form and extract all model related to it

$scope.form.hiddenValue

i have prepared something in plunker

answered Jul 31, 2015 at 8:50

Shar678

351 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to use hidden field value in script using angular js

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related