scripts and stylesheets not loading while reload in angularjs SPA

Question

Index Page :

  <ng-view></ng-view>

Angular Controller :

    when('/', {
        url: '/',
        templateUrl: 'site/home',
        controller: 'indexController'
    }).

    when('/site/help', {
        templateUrl: 'site/help',
        controller: 'indexController'
    }).

Help Page Content :

Some help Content

The Problem is when I navigate from Index page by using /site/help link it shows me help page content with menu of index page.

But when I reload the page it only shows help page content without any styles or javascripts loaded.

Home page like this : <base href="/"> <script src="~/Scripts/angular.min.js"></script> <script src="~/Scripts/angular-route.min.js"></script> <script src="~/Scripts/angular-animate.min.js"></script> <ng-view></ng-view> — rupak
– rupak, Commented Sep 10, 2017 at 9:44
Looks like you are using HTML5Mode. Please refer this URL. docs.angularjs.org/guide/$location Either turn of html5mode or add an internal redirect to home page if the page is not retrieved via xhr (Look for headers) — shams.kool
– shams.kool, Commented Sep 10, 2017 at 14:57
It is working but how can I achieve the same with html5 mode as true? Any help will be appreciated. Thanks in advance. — rupak
– rupak, Commented Sep 10, 2017 at 16:10

Bas Peeters · Accepted Answer · 2017-09-10 10:32:50Z

1

You should put ng-view tag in index.html, because this page is the main page and the other pages are part of that:

<body> 
    //some content
    <ng-view></ng-view> 
</body>

edited Sep 10, 2017 at 10:32

Bas Peeters

3,3644 gold badges37 silver badges50 bronze badges

answered Sep 10, 2017 at 10:11

Aref Zamani

2,0622 gold badges23 silver badges42 bronze badges

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

3 Comments

rupak Over a year ago

<html> <head > <title></title> <base href="/"> </head> <body> //Navigation menu with anchor tags <ng-view></ng-view> </body> </html> Already I have used this structure.But still when partial view gets refreshed it only shows partial view content without any style, scripts loaded and no menu of index.html page

rupak Over a year ago

I'm developing the application in Angularjs with ASP MVC as back end. Do I need to modify RoutesConfig or something else?

rupak Over a year ago

$locationProvider.html5Mode(true).hashPrefix('!'); used in angular route config also

Collectives™ on Stack Overflow

scripts and stylesheets not loading while reload in angularjs SPA

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related