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
Post a Comment