php - 如何一起使用 laravel 和 angularjs 路由？

Question

我正在使用 laravel php 框架来执行代码，我希望 angularjs 为我处理路由。我这里有一个例子:http://embed.plnkr.co/dd8Nk9PDFotCQu4yrnDg/preview它向我展示了如何使用 angularjs 路由方法在页面之间进行交换，但它们使用简单的 .html 文件来呈现内容。这是我在互联网上找到的示例。

此外，在 laravel 中它有自己的路由。从数据库中获取内容后，如何引导 angularjs 路由器调用 laravel 路由并相应地呈现页面？我是 Angularjs 的新手。谢谢。

Answer 1

有几种方法可以实现目标，但您不再使用 blade。这里我只说明最简单的方法。
1. 创建一个 index.php(不是 index.blade.php)，在你的 routes.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”的文件夹，另一个名为“templates”的文件夹。
   

2. 在“js”文件中，创建您的“app.js”、“controller.js”等(不要忘记将它们包含在您的 index.php 中)
   

3. 在"template"文件夹中，您将创建模板 html。在您给出的示例中，它们是“home.html”、“about.html”、“contact.html”
   

4. 在索引页面中，您在这里进行 Angular 路由。
   应用程序.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'
           });
   });