Accessing JSP variable from javascript [Angular JS]

Question

I am working with angular JS and JSP. i need to retrieve the session attribute variable from the JSP to my controller. My code is below

JSP

<html lang="en" ng-app="myApp">
<body>
    <div data-ng-controller="myCtrl as vm" style="height:100%">
        <md-content layout="row" style="height:100%">
            <div class="widget">
                <h2>Header</h2>
                <div ui-view></div>
            </div>
        </md-content>
    </div>
    <script type="text/javascript" src="/root/script/script.js"></script>
  <%
  String policy = session.getAttribute("POLICY_CHANGE");
  %> 
 </body>
</html>

JS

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
   // i want to get the JSP variable here
});

Gurkan Yesilyurt · Accepted Answer · 2017-02-17 16:02:14Z

1

Set session value to hidden input.

<div data-ng-controller="myCtrl as vm">
     <input type="hidden" id="sessionData" />
</div>
<script>
     var data = '<%=request.getSession().getAttribute("POLICY_CHANGE")%>';
     document.getElementById("sessionData").value = data;
</script>

and get value

app.controller('myCtrl', function($scope, $document) {
   $scope.data = $document[0].getElementById("sessionData").value;
   console.log($scope.data); 
});

answered Feb 17, 2017 at 16:02

Gurkan Yesilyurt

2,6752 gold badges24 silver badges23 bronze badges

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

Comments

Leonardo Oliveira · Accepted Answer · 2017-02-17 14:27:16Z

0

You can output the variable using expression language as a data attribute, like this:

<div data-my-variable="${myVariable}" id="myDiv"></div>

And if you are using Jquery, you can use the attr function:

var output = $("#myDiv").attr("data-my-variable");

answered Feb 17, 2017 at 14:27

Leonardo Oliveira

365 bronze badges

Comments

MicD · Accepted Answer · 2017-02-17 14:43:42Z

0

Try (I've never tried this - just and idea... please post if it is working):

<script>
angular.module('jspVariablesService', [])
.value("valueName",${yourVariable});
</script>

in <head></head> or at the beginning of body and then import jspVariableService in

var app = angular.module('myApp', ["jspVariableService"]);

and use it in controller:

app.controller('myCtrl', ["$scope", "valueName" function($scope,valueName) {
  //use your value!
});

answered Feb 17, 2017 at 14:43

MicD

1962 silver badges11 bronze badges

Collectives™ on Stack Overflow

Accessing JSP variable from javascript [Angular JS]

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related