Как использовать маршрутизацию laravel и angularjs вместе?

Я использую laravel php framework для выполнения кода, и я хочу, чтобы angularjs обрабатывал маршрутизацию для меня. У меня есть пример здесь: http://embed.plnkr.co/dd8Nk9PDFotCQu4yrnDg/preview, который показывает мне, как обмениваться между страницами с помощью методов маршрутизации angularjs, но они используют простые .html-файлы для рендеринга содержимого. Это образец, который я нашел в Интернете.

Более того, в ларавеле есть свои маршруты. Как я могу направлять маршрутизатор angularjs, чтобы вызвать маршрут laravel и отобразить страницу соответственно после извлечения содержимого из базы данных? Я новичок в Angularjs. Спасибо.

Существует несколько способов достижения цели, но вы больше не используете лезвие. Здесь я просто объясняю самый простой способ.
1. создайте index.php (не index.blade.php), в вашем route.php, у вас есть:

Route::get('/', function() { return View::make('index'); }); 

Он вернет вам страницу индекса.
В index.php просьба указать

  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script> <script src="http://code.angularjs.org/1.2.3/angular-route.js"></script> 

или ваши локальные зависимости.

  1. В общей папке вы можете создать папку под названием «js», другую папку под названием «шаблоны».

  2. В файле «js» создаются ваши «app.js», «controller.js» и т. Д. (Не забудьте включить их в свой index.php)

  3. В папке «шаблоны» вы создадите свой шаблон html. В вашем примере они являются «home.html», «about.html», «contact.html»,

  4. На странице индекса вы выполняете угловую маршрутизацию.
    app.js:

    var app = angular.module('app', [ 'ngRoute' ]); app.config(function($routeProvider) { $routeProvider .when('/', { templateUrl : 'templates/home.html', controller : 'mainController' })

      .when('/about', { templateUrl : 'templates/about.html', controller : 'aboutController' }) .when('/contact', { templateUrl : 'templates/contact.html', controller : 'contactController' }); });