ng-init angular parse error including php input in JSON format

Question

So I have a php var named $output which when done echo json_encode($output) prints like following:

[{
    "title": null
}, {
    "title": "a b c"
}, {
    "title": "d e f"
}, {
    "title": "d f g"
}, {
    "title": "f g d"
}]

WHICH I BELIEVE IS CORRECT JSON

now I am using that output to load results via ng-init as it has to be on the same page so I use following code:

> <table ng-init="values =<?php echo json_encode($output); ?>">
>      <tr ng-repeat="value in values">
>          <td>{{value}}</td>
>      </tr>  </table>

it gives error as follows:

Error: [$parse:ueoe] http://errors.angularjs.org/1.4.9/$parse/ueoe?p0=values%20%3D%5B%7B

<table ng-init="values =[{" title":null},{"title":"a="" b="" c"}]">

and so on its a big array with lot of words in int. USING ABC IN PLACE OF ORIGNAL WORDS

you can't add php code to html, and when you add this inside angular directive (ng-init), it gives you parse error. See this — anoop
– anoop, Commented Jun 9, 2017 at 13:55
can you reproduce your error\issue on any online editor for .phtml? — anoop
– anoop, Commented Jun 9, 2017 at 14:13

Ebubekir Tabak · Accepted Answer · 2017-06-09 13:47:59Z

0

try it:<table ng-init="values =[{\' title\':null},{\'title\':\'a=\"\" b=\"\" c\'}]">

answered Jun 9, 2017 at 13:47

Ebubekir Tabak

311 silver badge5 bronze badges

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

1 Comment

Anudeep Gupta Over a year ago

<table ng-init="values =<?php echo json_encode($output); ?>"> IS the code Ebubekir How can I change it manually

nevradub · Accepted Answer · 2017-06-09 13:58:43Z

0

You need to get data from your server with call $http. After your call, set variable from your $scope of your controller and use ng-repeat in this variable for display the result.

answered Jun 9, 2017 at 13:58

nevradub

2381 silver badge9 bronze badges

6 Comments

Anudeep Gupta Over a year ago

that is the case when we make request to a php file but here in this can I have php code and html on same page

Anudeep Gupta Over a year ago

Question is how to make sure that JSON is read correctly by angular or parsed correctly

nevradub Over a year ago

Yes but you can't set variable angular from your $scope directly in html file or phtml file or cshtml, ... You need to use call $http for this.

Anudeep Gupta Over a year ago

stackoverflow.com/questions/17725595/…

Anudeep Gupta Over a year ago

ng-init is reading the value but not correctly. Its not an issue of making $http requests

|

Anudeep Gupta · Accepted Answer · 2017-06-09 14:35:12Z

0

I found this working somehow.....I dont know how but might help someone

 var obj = <?php echo json_encode($output) ?>;
      app.controller('MaCtrl', ['$scope', '$window', function($scope, $window) {
  $scope.obj = $window.obj;

  $scope.getMember = function(id) {
    $scope.values = $scope.obj;
    console.log($scope.values);
  };
}]);

 <table ng-controller="MaCtrl" ng-init="getMember(id)">
     <tr ng-repeat="value in values">
         <td>{{value.title}}</td>
     </tr>
 </table>

answered Jun 9, 2017 at 14:35

Anudeep Gupta

393 silver badges12 bronze badges

Collectives™ on Stack Overflow

ng-init angular parse error including php input in JSON format

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related