angularjs v1.3.15 deep linking / routing / path no longer working with hashtag (Migrated from v1.2.3) -


i new angular , working on code wanted upgrade angular version 1.2.3 1.3.15 (which have never done before). when did, navigation links on index page stopped working; rather seems router.js falls through $routeprovider.otherwise case , redirects /home (you can see refresh in jumbotron). however, notice when click on links, url goes localhost:8888/home localhost:8888/home# or localhost:8888/home#home or localhost:8888/home#info, page routes don't work (the home page gets refreshed instead) - route appended /home , doesn't know do.

when remove deep linking ( hash / pound / # ) links in index.html, code appears work again, don't understand why. it's highly i'm misunderstanding in breaking changes 1.2 1.3, documentation made seem using # still supported in 1.3.

by "upgrading" replaced angular.js, angular-resource.js, , angular-route.js in project newer versions. using apache karaf, , tested in both chrome , firefox same results.

shortened code below:

here index.html code works in 1.2.3 , breaks in 1.3.15 (i used both # , #home test if there difference):

  <div class="navbar navbar-inverse navbar-fixed-top">   ...       <a href="#" class="navbar-brand">my project<small></small></a>       ...       <div class="collapse navbar-collapse navheadercollapse" data-ng-controller="navcontroller">         <ul class="nav navbar-nav navbar-right">           <li class="{{navdata['home'].css}}"><a href="#home">home</a></li>           <li class="{{navdata['info'].css}}"><a href="#info">info</a></li>         </ul>       </div>     </div>   </div>

my router.js looks like:

angular.module("app").config(function ($routeprovider, $locationprovider) {      $locationprovider.html5mode(true);      $routeprovider.when('/home', {         templateurl: "home.html",         controller: "homecontroller",         ispublic: false     });      $routeprovider.when('/info', {         templateurl: "info.html",         controller: "infocontroller",         ispublic: false     });      $routeprovider.otherwise({ redirectto: '/home' });  });

with 1.3.15, when replace hash / pound / # signs in index.html, "/" home , "info" instead of "#info", seems work again.

i tried upgrading potential dependencies following:

  • ui-bootstrap-tpls-0.13.0.js (was 0.6.0)
  • jquery-2.1.4.js (was 2.0.3)

i using:

  • bootstrap.js (using 3.0.0)

i have additional libraries didn't know if relevant this. let me know if should add them list.

i attempted simulate seeing in plunker here: angularjs v1.3.15 test # redirect

but links appear working exception of when click link "#" href, page template isn't loaded @ all. don't know if issue related or different.

a few suggestions i've looked (but maybe missed something):

  • i did see people upgrading ui-router, i'm not using it; should be? (though plunker seems working angular-route.js)
  • html5 not playing nice in arenas, appears configured in code?
  • fixing server allow #, think done since code used work correctly

thanks in advance help! if point me in right direction appreciated!

the hash has specific meaning in html specification. targets element on page. if on page localhost:8888/home , click on link localhost:8888/home#info browser jump element id info, if there one. consequently nothing happens if element doesn't exist.

angular intercepts clicks , url changes , allow change routes instead. avoid confusion (or unintentional behavior) angular has 2 conventions. first using prefix. it's optional , 1 suggested !. that's why mode called hashbang mode, links routes start #!.

the second, , more important one, routes start /. it's href="#/" , href="#/info". , works no matter version of angular using. of course, fixes plunker.

if want use hashes don't activate html5 mode.

one remark last point: server doesn't care #, since concerns client.


-

Comments

Post a Comment

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

we have developed soap based webservice post data third party webservice. accepts 4 params. in 1 of parameters accepts xml string no size limit restriction put in place. the webservice works fine in local environment running on php 5.2 , apache2. works content length long 10 mb. in staging server running nginx , php fpm.we have updated max post size , max upload filesize in php.ini , client_max_body param in nginx.conf allow upto 50 mb. but webservice client keeps on loading in staging environment. gives 502 timeout , gives soap error. can me understand issue here?
Read more

asynchronous - Python asyncio task got bad yield -

i confused how play around asyncio module in python 3.4. have searching api search engine, , want each search request run either parallel, or asynchronously, don't have wait 1 search finish start another. here high-level searching api build objects raw search results. search engine using kind of asyncio mechanism, won't bother that. # no asyncio module used here class search(object): ... self.s = some_search_engine() ... def searching(self, *args, **kwargs): ret = {} # raw searching according args , kwargs , build wrapped results ... return ret to try async requests, wrote following test case test how can interact stuff asyncio module. # here testing script @asyncio.coroutine def handle(f, *args, **kwargs): r = yield f(*args, **kwargs) return r s = search() loop = asyncio.get_event_loop() loop.run_until_complete(handle(s.searching, arg1, arg2, ...)) loop.close() by running pytest, return runtimeerror: task got bad yield : {results s...
Read more

javascript - Complete OpenIDConnect auth when requesting via Ajax -

the normal openidconnect server works like: you go a.com/secure-resource you 302 server your browser handles , sends identity server you login there it sends a.com via post you logged in on a.com , a.com/secure-resource on browser. however have scenario i'm trying solve need help. the user logged in on idserver the user logged in on a.com the user not logged in on b.com we need send ajax call web server b.com (from domain a.com ) b.com configured use openidconnect. but because request b.com via ajax, user cannot redirected idserver. (all in response 302 ) we can go ahead , handle 302 via ajax (i'm still not sure whether work, security-wise). but is there scenario in identityserver/openidconnect designed these situations? with identityserver in scenario setup server b.com use bearer token authentication, need use access token provided a.com in headers of ajax call $.ajax({ url: 'http://b.com', headers: { ...
Read more