Routing between Angular & Laravel

Question

I am trying to make a simple App in Angular , integration with Laravel 5 and facing issues while routing the application views.

Routes.php looks like as below:

<?php

Route::get('/', function () {
    return view('index');
});

in Routes.php, i am handling only first time when application loads.

But after that i want to handle all routing by Angular. So, i did like this:

app.js file

var membershipModule = angular.module('membershipModule', ['ngMaterial','ngRoute']);

membershipModule.config(function($routeProvider, $locationProvider, $mdThemingProvider){

    $mdThemingProvider.theme('default').primaryPalette().accentPalette('blue-grey');

    $routeProvider
        .when('/login', {
            controller: 'LoginController',
            templateUrl: 'views/login.html'
        })
        .when('/register', {
            controller: 'RegisterController',
            templateUrl: 'views/register.html'
        })
        .otherwise({redirectTo: "/"});
        $locationProvider.hashPrefix('');
});

But when i access http://localhost:8000/#/login then it throws error that views/login.html is not found.

I tried making login.html in Laravel Default Folder as below screen

Also Tried making views/login.html in root dir as below

but none of it is working

One question: why are you using PHP framework when you wish to use static HTML templates? And resources/views is not Laravel default frontend directory. That would be public. — Peon
– Peon, Commented Jan 5, 2017 at 11:57
@Gags, It is difficult to manage, batter than you can make api's in laravel and develop front end in separate angular — irfanengineer
– irfanengineer, Commented Jan 5, 2017 at 12:13
@DainisAbols i am not using static html. This is just to try the things out. — Gags
– Gags, Commented Jan 5, 2017 at 12:35
@Irfan APIs i can create. But routing is the main issue that is going wrong. If i can not control routing of laravel from angular then i dont see any use if using angular. — Gags
– Gags, Commented Jan 5, 2017 at 12:37

Igor Silva · Accepted Answer · 2017-01-05 11:59:15Z

2

You can put this files inside the public directory. As you can see in https://laravel.com/docs/5.3/structure#the-public-directory

answered Jan 5, 2017 at 11:59

Igor Silva

464 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gags Over a year ago

Can i control menu in angular but get it from laravel?

Igor Silva Over a year ago

Do you want to get your's html static files from Laravel, rigth? So you can create a "views" folder inside the public directory and place your's html files inside.

Collectives™ on Stack Overflow

Routing between Angular & Laravel

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related