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](https://stackoverflow.com/questions/11312316/how-do-i-add-php-code-file-to-html-html-files) — anoop, Jun 09 '17 at 13:55
can you reproduce your error\issue on any online editor for .phtml? — anoop, Jun 09 '17 at 14:13

score 0 · Answer 1 · answered Jun 09 '17 at 13:47

0

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

answered Jun 09 '17 at 13:47

Ebubekir Tabak

31
1
5

IS the code Ebubekir How can I change it manually – Anudeep Gupta Jun 09 '17 at 13:55

score 0 · Answer 2 · answered Jun 09 '17 at 13:58

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 09 '17 at 13:58

nevradub

238
1
9

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 Jun 09 '17 at 13:59
Question is how to make sure that JSON is read correctly by angular or parsed correctly – Anudeep Gupta Jun 09 '17 at 14:00
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. – nevradub Jun 09 '17 at 14:01
https://stackoverflow.com/questions/17725595/angularjs-and-php-array-data – Anudeep Gupta Jun 09 '17 at 14:03
ng-init is reading the value but not correctly. Its not an issue of making $http requests – Anudeep Gupta Jun 09 '17 at 14:05
yeah I know but I am working on magento site anit uses .phtml files to display the products – Anudeep Gupta Jun 09 '17 at 14:06

score 0 · Answer 3 · answered Jun 09 '17 at 14:35

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>

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

3 Answers3