Роутинг в laravel+angularjs?

Question

[dk-web]

Пытаюсь сделать связку laravel и angular.
И вижу совершенно разные способы роутинга - ngRoute и ui-routing. Сходу не могу понять что есть что...
задача банальная сделать навигацию без перезагрузки страницы...

<ul class="nav navbar-nav">
                    <li><a href="/home">Home</a></li>
                    <li><a href="/sources">Sources</a></li>
                </ul>

в app.js

var myApp = angular.module('myApp', ['ngRoute','sourceCtrl', 'sourceService']);

myApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/sources', {
        url: '/sources',
        controller: 'sourceCtrl'
      }).
      when('/home', {
        url: '/home',
        controller: ''
      }).
      otherwise({
        redirectTo: '/'
      });
  }]);

По идее я должен с помощью "местного" роутинга вызвать ларавель контроллер, который отдаст представление...
но не срабатывает. Пробовал и с tepmplateUrl. Использую blade
Буду признателен за совет куда от забора копать...

Answer 1

[Alex Wells]

На роутинг ларавеля забей. Сделай главную страничку / в роутинге ларавеля, отдай шаблон, а дальше уже юзай роутинг самого ангуляра. Какой именно - решай сам. Для роутов на апи (обращение angular'а к самому сайту, backend'у) выдели поддомен либо просто сделай группу с префиксом.

Blade вообще не трогай. Выведи чистую хтмлку, а сами данные заполняй ангуляром. Если очень надо все-таки некоторые переменные из чистого ларавеля - поменяй тэги, инструкций полно. Еще можно использовать {{}} под blade, и raw тэги под angular - @{{}}. templateUrl - ссылка на шаблон. Должен лежать в папке public. Собственно что-бы вывести шаблон, в самой html-ке должен быть какой-нибудь элемент, а к нему прикреплен аттрибут "ng-view".

А вообще - гайдов море. Вбей в гугле "laravel and angular app".

Comments

[Николай]

Лучше главную страничку отдать просто через вебсервер. Использовать исключительно ui-router, т.к. рано или поздно все равно понадобятся фишки оттуда.

[dk-web]

Николай: Alex Wells - пыжусь пыжусь... и немного все равно не догоняю... все работает кроме представлений. Роутинг написал через angular, но как вьюшку то получить?... api сделал - json отдает... в контроллер и сервис, а отрендерить вьюшку ларавелем не получается(
буду признателен за пример корректного routes.php и как линки прописывать тогда...

[Николай]

dk-web: вы не должны получать никакие вьюшки от бэка. Это сильно усложнит вам разработку. Все вьюшки сделайте через темлейты angular. Сделайте отдельную папку для ангуляра c файлом index.html, который будет отдавать nginx. Для HTML5 урлов добавьте в nginx реврайты на этот файл со всех остальных урлов.

[dk-web]

Николай: пошел искать переводчика))

[dk-web]

Николай: Николай.. я вот что подумал.. а ведь получается что я могу снова отказаться от blade и использовать jade для построения шаблонов? Ведь php как таковой мне не нужен

[Николай]

dk-web: да.