Need to call a JSP object(jsonfile) inside my controller in angular 1

Question

I have a input file which i can see in my jsp file and it renders the json object. I want to call this inside my JS file in the Angular controller.

The input file in JSP is.

 <input type="hidden" value=${getGlobalFeaturesList}
        ng-model="featureslistJson" id="getglobalfeaturelist">

In the controller i am calling

$scope.myData = ($scope.featureslistJson.ReadFeaturesResponse.feature);

Before this i was using external JSON FILE WHICH WORKS FINE

This call works fine

$http.get("script/data.json").success(function (response) {
      $scope.myData = (response.ReadFeaturesResponse.feature);
 });

How I do the same with the featureslistJson

I get error cant read ReadFeaturesResponse.

Any help will be good.

What do you see when you do a `console.log` of the response? — georgeawg, Sep 22 '17 at 16:09
The `.success` method has been [deprecated and removed from AngularJS v1.6](https://stackoverflow.com/questions/35329384/why-are-angular-http-success-error-methods-deprecated-removed-from-v1-6/35331339#35331339). — georgeawg, Sep 22 '17 at 16:14
@georgeawg TypeError: Cannot read property 'ReadFeaturesResponse' of undefined — Insane Fragger, Sep 22 '17 at 16:14
@Insane Fragger getGlobalFeaturesList is null, try to print getGlobalFeaturesList in a div to discard — Daniel Delgado, Sep 22 '17 at 17:05

georgeawg · Answer 1 · 2017-09-22T16:42:21.860

0

Use the ng-init directive:

<div ng-init="myData = ${getGlobalFeaturesList}">
</div>

app.controller("ctrl",function($scope) {
  $scope.$watch("myData", function(newValue) {
    console.log(newValue);
  })
})

edited Sep 22 '17 at 16:42

answered Sep 22 '17 at 16:25

georgeawg

1 Answers1