JavaScript AngularJS, ui-sref-opts does not help reloading the app angularjs ui-sref-opts

I'm kind of stuck here in this situation, where I need my app to reload when changing from one "project" to another. I've tried many things and I have been searching over and over to find a solution.

My app is kind of complex, and if I try this in an isolated scenario it works perfectly, as it should. http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref

<li ng-repeat="project in app.projects" ng-cloak>
    <a ui-sref="app.channel({projectId:project.id, channelId: project.channels[0].id})" ui-sref-opts="{reload: true, notify: true}" class="active">
        <span>{{ project.name }}</span>
    </a>
</li>

Where the important part would be:

ui-sref-opts="{reload: true, notify: true}

In my routes file I have many nested routes and views and I also have a custom authenicator set up. When I strip most of that down, it works. That's why I can't post any code example on Codepen or something similar.

Now my question is, is there any known issue with the UI-Router when using it with an authenticator, or maybe any other reason, why the ui-sref-opts won't reload the page?

Sorry for the kind of unspecific question, but maybe someone can help me out.

EDIT: More information and code

Ok, I'll try my best to give you the relevant information.

This is how my config.router.js is set up.

angular.module('app')
.run(
    // Authenicator is in here
)
.config(
    ['$stateProvider', '$urlRouterProvider', 'JQ_CONFIG', '$authProvider',
        function($stateProvider, $urlRouterProvider, JQ_CONFIG, $authProvider) {
            // ...

            .state('app.channel', {
                url: '/projects/{projectId}/{channelId}',
                views: {
                    '': {
                        templateUrl: 'tpl/channel/index.html'
                    }
                },
                resolve: {
                    deps: ['$ocLazyLoad',
                        function($ocLazyLoad) {
                            return $ocLazyLoad.load('angularFileUpload').then(
                                function() {
                                    return $ocLazyLoad.load([

                                    ]);
                                }
                            );
                        }
                    ]
                }
            })

            // ...
        }
    ]
);
Answer:1

As explained in mdn, custom elements may be based on a native element. For Example, <button is="my-button">. What I'm looking for is kind of the opposite syntax. I'd like a shorthand for ...

As explained in mdn, custom elements may be based on a native element. For Example, <button is="my-button">. What I'm looking for is kind of the opposite syntax. I'd like a shorthand for ...

I'm using the awesome Slick slide on a project. The problem is: I have a carousel with 5 divs inside. 4 images and a video. On mobile (< 768px) I want the slider to show only the images, not the ...

I'm using the awesome Slick slide on a project. The problem is: I have a carousel with 5 divs inside. 4 images and a video. On mobile (< 768px) I want the slider to show only the images, not the ...

  1. remove slick slider jquery
  2. remove slick slider
  3. slick remove slide
  4. slick remove slide by class
  5. slick remove first slide
  6. slick remove last slide
  7. slick slider remove arrows
  8. slick slider remove slide
  9. slick slider remove clone
  10. slick slider remove outline
  11. slick slider dots remove numbers
  12. slick slider remove buttons
  13. slick slider remove arrow text
  14. slick slider remove blue outline
  15. slick slider remove dots
  16. slick slider remove tabindex
  17. slick slider remove draggable
  18. slick slider remove all slides
  19. slick slider remove transform
  20. slick slider remove animation

I have this button <button id="<?php echo $u['id']?>" name="activation" onclick="handleButton(this);" type="submit" class="btn btn-success"></button> And this button related to ...

I have this button <button id="<?php echo $u['id']?>" name="activation" onclick="handleButton(this);" type="submit" class="btn btn-success"></button> And this button related to ...

  1. send value controller to view
  2. send value from controller to view mvc
  3. send value from controller to view codeigniter
  4. send value from controller to view laravel
  5. send value to controller mvc
  6. send value to controller angularjs
  7. send value from controller to javascript
  8. send value from controller to jsp
  9. send value to controller ajax
  10. send value to controller
  11. send value to controller jquery
  12. send value from one controller to another
  13. send checkbox value to controller mvc
  14. send textbox value to controller mvc
  15. send value from javascript to controller mvc
  16. send button value to controller
  17. send dropdown value to controller using ajax
  18. thymeleaf send value to controller
  19. send value from jsp to controller spring
  20. send checkbox value to controller mvc c#

How do I use enums in ES2015? I tried the following but I'm getting errors: Created a file for my enums i.e. errorTypes.js export const Types = { MISSING_DATA: 0, INVALID_DATA: 1 } I then ...

How do I use enums in ES2015? I tried the following but I'm getting errors: Created a file for my enums i.e. errorTypes.js export const Types = { MISSING_DATA: 0, INVALID_DATA: 1 } I then ...