如何同时使用 laravel 和 angularjs 路由？

Question

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

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

Answer 1

有几种方法可以实现目标，但您不再使用刀片。这里我只是解释最简单的方法。
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. 在“模板”文件夹中，您将创建模板 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'
           });
   });