ui-router | facto solution to flexible routing | Router library

See below:

I just don't have any direction on where to troubleshoot this problem and looking for suggestions for what information or settings I should be checking.

I have an AngularJS SPA set up that routes 100% fine in a regular Chrome browser window locally served (http-server installed via npm). I can load the main app page by URL (localhost:port/app, which redirects to /app/#!) and I can load the subpage by URL (localhost:port/app/#!/page). I can do it with or without a trailing /. I can navigate from one view to the other by links on the page. Works great.

But I have a problem when I put it in the server location (which, if it's relevant, has a path longer than /app/ from the //localserver/ root), and load the file through the EMR (which is running Chromium). (Files are loaded in the EMR by adding a specially formatted file that links all included items in a form, which in the case of HTML files, is just a URL to a resource: //localserver/directory/subdirectory/app/#!/page). It loads fine the first time, but if I try to load separately a different page (//localserver/directory/subdirectory/app/#!/, for example), it shows the currently open page. It's almost like both instances of the browser are the same browser window and it doesn't bother to load a new window for the URL with the same address up to the #!. I can navigate from one page to another by links but not by loading from the root address, and if I navigate under one "form", and click back to the other one, it's also been navigated, hence why I think it's only one instance of the window.

I tried HTML5 routing with no success since this is running in a JBoss 7.x server and I have had a very hard time finding any documentation that even comes close to matching the files I see on the server for URL rewriting access. (I have found instructions that reference files that don't exist in our installation, so I don't know if this has been customized by the application provider, or what.)

I don't have access to developer tools, console, or even the address bar through the EMR.

Any suggestions on where to go with troubleshooting this?

Edit to add: Might be worth noting that I have tried ngRoute and ui-router both with the same results.

One problem that sometimes occurs is when I deploy a new version while a user is using the application. The sequence of events is as following:

1. The user has opened a page, which has a link on it to a state called Summary. The Summary state uses an HTML template called summary.html. But since we're cachebustering the HTML templates, this file is actually named summary.12345.html in version of the application currently loaded in the user´s browser.
2. A new release is deployed, which contained some changes to summary.html, causing it to get a new hash, so it's now called summary.98765.html.
3. The user clicks on the link, and angular tries to fetch summary.12345.html which nolonger exists, causing a 404.

Is there a good pattern for solving this?

My initial thought is to append some HTTP header in all requests, something like Expected-Version: 999 (where 999 is the build number generated in CI), and if that is not the version running on the server, then the server will respond with something like "410 Gone", in which case the application will ask the user to refresh the browser.

But it would require some work on the server side, and I'm not sure how to inject this logic into the template loading on the client side either.

Also, since new versions are typically deployed a few times per week (sometimes many per day), and most of those releases don't even contain any changes that would break the SPA in the above way, I don't want to force the users to reload the page all the time.

Could one approach be to only show the "please refresh" message when a request results in a 404 AND the response contains a header that indicates that you're running a stale version of the SPA?

Or maybe there is a simpler way?

The page is this one: https://www.borm.es/#/home/sumario/21-11-2020

Now, the objective is to get all the paragraphs from the class: ng-binding, and the links of each "VER ANUNCIO" that each one has below them.

Usually I would use soup.find_all() to get all of them and navigate the tree or use Selenium to get all the elements using XPATH/CSS SELECTOR.

The problem I'm facing is that find_all(), or find() is returning nothing, (empty list or None), and Selenium returns None too.

I've tried checking if the elements are inside a frame, which I think they're not. I've tried WebDriver wait to see if the page should stop to load before doing something. Different classes/tags give same result.

Now, when I print the BeautifulSoup object, it returns this instead of the HTML code I see inspecting the page:

app_client/blogApp.js

I have followed the tutorial for ADAL located here but it doesn't give a complete demonstration (only code fragments) and doesn't really explain how to deal with authenticated users. Is there anywhere I can find a complete AngularJS tutorial of how to integrate all features of Azure SSO?

I can get my app to call the microsoft login page, select my user and then request a password, but once that occurs, I am struggling with the Redirect URI. I am using UI-Router which means all my views are in the form of https://myapp.com/#!/auth which Azure claims is not a valid URL to redirect to.

If I change my Redirect URI to anything past the base root (e.g. https://myapp.com/auth/) I get an error every time I try and login:

AADSTS50011: The reply URL specified in the request does not match the reply URLs configured for the application

If I leave it as root, my application falls back to https://myapp.com/#!/ and doesn't recognise the logged in user.

Does anyone have any suggestions or can assist me in getting this integrated? Thanks.

We've followed the instructions, and all runs fine on normal hybrid, but adding lazy loading fails with the strange error above, and always implemented ui router the way the docs say (as you can see in the code below).

When loading the app all is fine, but when then clicking onto a lazy-loaded route we get the error

Transition Rejection($id: 0 type: 6, message: The transition errored, detail: Error: Trying to get the AngularJS injector before it being set.)

I've tried the solutions listed here

https://github.com/ui-router/angular-hybrid/issues/93

https://github.com/ui-router/angular-hybrid/issues/150

https://github.com/ui-router/angular-hybrid/issues/395

https://github.com/ui-router/sample-app-angular-hybrid/issues/10

But none of these solve it. We don't use ng serve because that crashes with random memory issues (probably also due to hybrid), and we need to proxy to a login page, but the login page and our project would be running on the same port, which isn't possible. So that needs some refactoring in the backend.

It does sometimes load a new chunk file depending on what page i'm going to. But mostly i get this error.

Funny part is, in the page i'm testing we're not using any hybrid code. Basically we're are no longer upgrading any code, we're only downgrading some observers to open modals of the older pages.

These are the versions we're running