Jak używać routingu laravel i angularjs razem?

Question

Używam frameworka php do wykonywania kodu i chcę, aby angulary obsłużyły routing dla mnie. Mam tutaj przykład: http://embed.plnkr.co/dd8Nk9PDFotCQu4yrnDg/preview, który pokazuje mi, jak przełączać się między stronami za pomocą metod routingu angularjs, ale używają prostych plików .html do renderowania treści. Jest to próbka znaleziona w Internecie.

Ponadto w laravel ma swoje własne trasy. Jak mogę poprowadzić router angularjs do wywołania trasy laravel i odpowiednio wyświetlić stronę po pobraniu zawartości z bazy danych? Jestem nowy w Angularjs. Dziękuję Ci.

Answer 1

Istnieje kilka metod osiągnięcia celu, ale NIE używasz już ostrza. Tutaj właśnie wyjaśniam najprostszy sposób.
1. utworzyć index.php (nie index.blade.php), w routes.php, masz:

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

To będzie powrót do strony indeksu.
W index.php, dołącz

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

lub lokalnych zależności.

2. W folderze publicznym można utworzyć folder o nazwie "js", inny folder o nazwie "szablony".
   

3. W "js" pliku, tworzy swoje "app.js", "controller.js", itd (Nie zapomnij podać je w index.php)
   

4. W folderze "templates" utworzysz szablon html. W swojej podanym przykładzie, są one "home.html", "about.html", "contact.html"
   

5. Na stronie indeksu zrobić routing kątową tutaj.
   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' 
        }); 
   });