Come utilizzare insieme il routing di laravel e angularjs?

Question

Sto usando il framework php laravel per l'esecuzione del codice e voglio che angularjs gestisca il routing per me. Ho un esempio qui: http://embed.plnkr.co/dd8Nk9PDFotCQu4yrnDg/preview che mi mostra come passare da una pagina all'altra usando i metodi di routing angularjs ma usano semplici file .html per rendere il contenuto. È un campione che ho trovato su internet.

Inoltre in laravel ha le proprie rotte. Come posso guidare il router angularjs per chiamare la rotta laravel e rendere di conseguenza la pagina dopo aver recuperato il contenuto dal database? Sono nuovo di Angularjs. Grazie.

Answer 1

Ci sono un paio di metodi per raggiungere l'obiettivo, ma NON si usa più lama. Qui sto solo spiegando il modo più semplice.
1. Creare un index.php (non index.blade.php), nel vostro routes.php, si dispone:

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

tornerà la pagina indice.
In index.php, si prega di includere

<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> 

o le dipendenze locali.

2. Nella cartella pubblica, è possibile creare una cartella denominata "js", un'altra cartella denominata "modelli".
   

3. Nel file "js", crea il tuo "app.js", "controller.js", e così via (non dimenticate di includere nel vostro index.php)
   

4. Nella cartella "templates", verrà creato il modello html. Nella tua data esempio, sono "home.html", "about.html", "contact.html"
   

5. Nella pagina di indice, si fa l'instradamento angolare qui.
   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' 
        }); 
   });