如何将laravel和angularjs路由一起使用 - How to use laravel and angularjs routing together?

How to use laravel and angularjs routing together?

本文关键字：路由一起 angularjs laravel | 更新日期: 2023-09-27

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

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

有几种方法可以实现这一目标，但您不再使用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>

或您的本地依赖关系。

在公共文件夹中，您可以创建名为"js"的文件夹，另一个名为"templates"的文件夹。
在"js"文件中，创建您的"app.js"、"controller.js"等（不要忘记将它们包含在index.php中）
在"templates"文件夹中，您将创建模板html。在您给定的示例中，它们是"home.html"、"about.html"answers"contact.html"

在索引页面中，您可以在此处进行角度路由。
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'
        });
});