javascript - AngularJs HTML5 mode not loading images -


i using angularjs create spa on top of asp mvc framework. had working great until enabled html5 mode produce nicer urls. images not being loaded.

it seems requests /images folder not making server. have used fidler check traffic , can see requests partials nothing images.

here angularjs routes

$stateprovider.       state({           name: 'home',           url: '/',           templateurl: '/app/public/partials/index.html'       }).       state({           name: 'infoprivacy',           url: '/info/privacy',           templateurl: '/app/public/partials/info/privacy.html'       }).       state({           name: 'infocookie',           url: '/info/cookie',           templateurl: '/app/public/partials/info/cookie.html'       }).       state({           name: 'infoterms',           url: '/info/terms',           templateurl: '/app/public/partials/info/terms.html'       }).       state({           name: 'groups',           url: '/groups',           templateurl: '/app/public/partials/groups/index.html'       }).       state({           name: 'groupsview',           url: '/groups/view/:id',           templateurl: '/app/public/partials/groups/view.html'       }).       state({           name: 'jobs',           url: '/jobs',           templateurl: '/app/public/partials/jobs/index.html',           controllr: 'jobsctrl'       }).       state({           name: 'jobsview',           url: '/jobs/view/:id',           templateurl: '/app/public/partials/jobs/view.html'       }).       state({           name: 'jobsnotfound',           url: '/jobs/notfound',           templateurl: '/app/public/partials/jobs/notfound.html'       }).       state({           name: 'login',           url: '/login',           templateurl: '/app/public/partials/login.html'       }).       state({           name: 'error',           url: '/error/:errorref',           templateurl: '/app/public/partials/error.html'       }).       state({           name: 'cvs',           url: '/cvs',           templateurl: '/app/public/partials/cvs/index.html'       }).       state({           name: 'cvsedit',           url: '/cvs/edit/:id',           templateurl: '/app/public/partials/cvs/edit.html'       }).       state({           name: 'cvsedit.withdlg',           url: '/:dlg',           templateurl: '/app/public/partials/cvs/edit.html'       }).       state({           name: 'profile',           url: '/profile',           templateurl: '/app/public/partials/profile/index.html'       });    $urlrouterprovider.when('', '/');    $locationprovider.html5mode(true).hashprefix('!'); 

this css background image not loading

#menu .item.navprofile {     background: url(/images/icon-nav-profile.png) right 20px no-repeat; } 

the html includes menu loaded using ng-include

there addin chrome developer tools called batarang in debugging angular js issues.


Comments

Popular posts from this blog

user interface - How to replace the Python logo in a Tkinter-based Python GUI app? -

objective c - Greedy NSProgressIndicator Allocation -

how to set an OCR language in Google Drive -