如何同時使用 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>

或您的本地依賴項。

2. 在公共文件夾中，您可以創建名為“js”的文件夾，另一個名為“templates”的文件夾。
   

3. 在“js”文件中，創建“app.js”、“controller.js”等（不要忘記將它們包含在你的 index.php 中）
   

4. 在“模板”文件夾中，您將創建模板 html。 在您給出的示例中，它們是“home.html”、“about.html”、“contact.html”
   

5. 在索引頁面中，您在這里進行角度路由。
   應用程序.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' }); });