2015-06-13 3 views
3

Я новичок в Symfony2 и AngularJS. Я пытаюсь использовать json_encode для отображения содержимого моей базы данных. Но он не работает. Это мой контроллер:json_encode doens't работает в моем контроллере Symfony2

public function catalogonewAction() 
{ 
    $data = $this->getDoctrine()->getManager() 
    ->getRepository('AcmeRetroBundle:Game')->findAll(); 

    return $this->render('AcmeRetroBundle:Default:catalogonew.html.twig', 
    array('data' => json_encode($data)));} 

Это мой html.twig:

{% verbatim %} 
<div ng-app="myApp1" ng-init="mydata = {{ list|raw }}"> 
<table id="sortedData"> 
<tr><th>T1</th><th>T2</th></tr> 
<tr ng-repeat="data in mydata | filter:sortData"> 
<td>{{data.nombreJuego}}</td> 
<td>{{data.description}}</td> 
</tr> 
</table> 
</div> 
{% endverbatim %} 

И мои app.js:

angular.module('myApp1', []). 
filter('sortData', function() { 
    alert('Hi'); 
    return out; 
}); 

Когда я обновить мою страницу, показано следующее: T1 T2 {{data.nombreJuego}} {{data.description}}

Что не так?

+0

Похоже, Javascript ошибка остановился angularjs из bootstraping, проверьте консоль и добавить вывод ошибки – maurycy

+1

Спросите себя, что означает дословно. Смешивание угловых шаблонов и шаблонов веток, по меньшей мере, разочаровывает. – Cerad

+0

Хорошо. Я чиню это. Я изменяю весь код в контроллере и удаляю дословно. Я использую InterpolateProvider. – Holothurion

ответ

0

Мне не нравится передавать данные с внешнего сервера в. AnuglarJS, как это, обычно используется запрос ajax для извлечения данных.

Попробуйте передать вам данные в яваскрипте переменного, вы могли бы повлиять на это объект в вас Угловая области видимости:

 <script> 
      var list= {{ data }} 
    </script>  
    {% verbatim %} 
      <div ng-app="myApp1" ng-init="mydata = list"> 
      <table id="sortedData"> 
      <tr><th>T1</th><th>T2</th></tr> 
      <tr ng-repeat="data in mydata | filter:sortData"> 
       <td>{{data.nombreJuego}}</td> 
       <td>{{data.description}}</td> 
      </tr> 
      </table> 
      </div> 
    {% endverbatim %} 
Смежные вопросы