Интегрирование AngularJS в Symfony APP

Question

Вот я был у меня:

• успокоительной Symfony API, который я создал с несколькими пучками
• переднюю AngularJS, что я имею в веб-хранилище

сейчас вот пример моего файла маршрутизации:

$routeProvider. 
    when('/liste-produits', { 
    templateUrl: '../templates/list-products.html', 
    controller: 'ProductListCtrl' 
    }). 
    otherwise({ 
    redirectTo: '/' 
    }); 

Тот факт, что я должен использовать "../". Потому что иначе он не будет работать в dev environmentnement (app_dev.php). И, конечно, к тому времени, когда я отправлю его в производство (app.php), мне не нужно будет добавлять это «../»

Вы понимаете мою проблему?

Поскольку я могу получить утилизацию из работы Symfony в файле маршрутизации.

Как я могу это решить?

Answer 1

Там является подход, в котором можно определить глобальную переменную в файле базы веточку: Symfony 2:image paths in javascript file with assetic, которые вы можете в свою очередь, использовать, например AngularJS.

Существует также комплект, называемый FOSJsRoutingBundle, он сортирует маршруты к клиенту и, следовательно, javascript. Это может быть интересно для вас.

Однако есть еще один вариант; - Я лично использовал подход, опубликованный Рейном Баарсмой, с файлом twig , а затем кэшировал полученный javascript.

Довольно просто написать request listener, который отображает файл twig в файл javascript один раз в день или всякий раз, когда файл javascript удаляется. Я использовал тот же подход со стилями для проекта с ежедневными изменениями цветов. Если вы не кэшируете его, браузер пересматривает маршрут, возвращающий javascript на каждой странице, и повторно загружает файл javascript, что добавляет много накладных расходов.

Answer 2

Вы можете просто создать Symfony Controller с представлением в файле js. Таким образом, вы можете использовать функции шаблона twig (или php) (например, функцию path() ветки), чтобы избежать каких-либо странных URL-адресов.

В контроллере:

public function routingAction(Request $request) { 
    $this->render('angular/routing.twig.js'); 
} 

И в вашей маршрутизации

$routeProvider. 
    when('/liste-produits', { 
    templateUrl: {{ path('product_list') }}, 
    controller: 'ProductListCtrl' 
    }). 
    otherwise({ 
    redirectTo: '/' 
    });