SPA angularjs with MVC - partial view lose layout on refresh ?

Question

User-1846805900 posted

Hi

i have create new SPA project and work on it with angularjs & mvc partial views it works fine, but i had one problem when i refresh page i got the partial view without any layout No css files & No script Files - first time i got page as:

and everything is working fine, but when i refresh i got it as:

angular route js;

app.config(function ($routeProvider, $locationProvider) {
    $routeProvider.when('/AllCustomer', 
                        {
                            templateUrl: 'Customers/AllCustomer', 
                            controller: 'AllCustomersController' 
                        });

    $routeProvider.when('/AddNewCustomer', 
                        {
                            templateUrl: 'Customers/AddNewCustomer', 
                            controller: 'AddCustomerController' 
                        });
});

final result is:

http://localhost:51798/#/AddNewCustomer

http://localhost:51798/#/AllCustomer

now refresh is working as i need but url still have "#"

 try to use html5Mode to remove # as :

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false,
        hashPrefix: '!'
    });

but when # still in <a> nothing happened and page content don't load &  i got url as:

http://localhost:51798/#%2FAddNewCustomer

http://localhost:51798/#%2FAllCustomer

and if i remove # from <a> gor url as:

http://localhost:51798/AddNewCustomer

http://localhost:51798/AllCustomer

but refresh not working 

so please :

** did i must use # to let it work on refresh ?

** are there no other way to make partial view get layout on refresh and make url don't has "#" ?

Answer 1

User1644755831 posted

Hello a.amin,

AngularJS is third party framework and since this is asp.net forums You could post your question at https://groups.google.com/forum/#!forum/angular for more better response.

Regards,

Krunal

Answer 2

User-1846805900 posted

Thanks a lot - i fix it by using # in the URL