Intereting Posts
На локальном хосте два разных проекта используют один и тот же сеанс Проверьте, нет ли электронной почты в базе данных с помощью подготовленных инструкций Обнаружение конфликтов перекрытия событий календаря с использованием PHP Fileinfo возвращает другой тип mimetype в версии PHP версии 5.4.22 и 5.3.3 Как очистить содержимое текстового файла в php Проверьте, сохранен ли IP-адрес в базе данных объединить две таблицы и отобразить их данные в массиве Как использовать переменную функции в другой функции того же класса -Codeigniter Что такое временная метка Unix и зачем ее использовать? Отображать процент скидки после выбранной цены продажи вариаций в WooCommerce Интеграция изображения с автозаполнением jQuery Проверка правильной пароли в PHP Предупреждение «Excel нашел нечитаемый контент» при открытии файлов Excel, сделанных с помощью PHPExcel Отправка объекта FormData на сервер с помощью Ajax (содержит файлы) Gmail с 3-сторонним доступом OAuth – Zend_Mail_Protocol_Exception

Как использовать маршрутизацию laravel и angularjs вместе?

Я использую laravel php framework для выполнения кода, и я хочу, чтобы angularjs обрабатывал маршрутизацию для меня. У меня есть пример здесь: http://embed.plnkr.co/dd8Nk9PDFotCQu4yrnDg/preview, который показывает мне, как обмениваться между страницами с помощью методов маршрутизации angularjs, но они используют простые .html-файлы для рендеринга содержимого. Это образец, который я нашел в Интернете.

Более того, в ларавеле есть свои маршруты. Как я могу направлять маршрутизатор angularjs, чтобы вызвать маршрут laravel и отобразить страницу соответственно после извлечения содержимого из базы данных? Я новичок в Angularjs. Спасибо.

Существует несколько способов достижения цели, но вы больше не используете лезвие. Здесь я просто объясняю самый простой способ.
1. создайте index.php (не index.blade.php), в вашем route.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», другую папку под названием «шаблоны».

  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' }); });