AngularJS - How to only change route if something is true?

Question

I'm using ngRoute from AngularJS.

I have the following code:

(...)
    $routeProvider
        .when('/some-page', {
            templateUrl: 'some-page.html',
            controller: 'SomeController'
        })
(...)

And i want to open /some-page if a condition (e.g. $scope.isOpenned) is true. Otherwise, it should redirect to /other-route

This isn't going to work the way you want using `$routeprovider`, since routes are processed before controllers are available (and thus, before `$scope.isOpened` would be). You would need to control this at the HTML level, or at the controller level. — Claies, Aug 24 '15 at 00:48

score 0 · Answer 1 · answered Aug 24 '15 at 00:13

0

What about something like this?

<div>
 <a ng-hide="!yourBool" href="#/some-page">Link if True</a>
 <a ng-hide="yourBool" href="#/other-route">Link if False</a>
</div>

<script src="vendors/angular.min.js"></script>
<script>
 angular.module('app', [])

 .controller('AppCtrl', ['$scope', function($scope) {

  $scope.yourBool = false;

 }]);
</script>

answered Aug 24 '15 at 00:13

SuperVeetz

2,128
3
24
37

This isn't related with my question. – Christopher Aug 24 '15 at 00:18
1

this *is* related to your question, as the code is demonstrating how to use `ng-hide` to generate the link conditionally. as I mentioned in my other comment, this is an example of what is required if you wish access to `$scope`. – Claies Aug 24 '15 at 00:50
@Claies my question is related to ngRoute. – Christopher Aug 24 '15 at 01:24

AngularJS - How to only change route if something is true?

1 Answers1