internet explorer - /index is being appended unnecessarily in the resolved URL while using AngularJs Routing in IE 11 -
at beginning, highlight issue appearing in internet explorer 11 , not sure other version working fine on chrome, firefox, edge , safari.
i have web application in view layer developed using angularjs 1.0 , jsp, , pretty new angularjs, have multiple routes in configured in angularapp.js like
$routeprovider.when('/hello', { templateurl: 'assets/js/angular-app/views/xyz.jsp', resolve:{ app:function($rootscope){ $rootscope.myxyzstate="hello"; $rootscope.page="xyz"; $rootscope.title = "home page"; } } }); my base url local: http://localhost:8080/webapp , url appended in templateurl appended prefix above makes
"http://localhost:8080/webapp/assets/js/angular-app/views/xyz.jsp"
which works fine on chrome, ff , edge doesn't work on ie11 appends /index in base url leads invalid url , network call gets failed due 404. url gets generated in ie is
"localhost:8080/webapp/index/assets/js/angular-app/views/xyz.jsp"
i have tried different solutions found on internet adding compatibility header
<meta http-equiv="x-ua-compatible" content="ie=11,ie=edge"> changed template url
../assets/js/angular-app/views/xyz.jsp
which removes index url when test on chrome/ff fails removes webapp url invalid url.
i appreciate detailed answer root cause , solution it.
thanks in advance.
Comments
Post a Comment