I've encountered an issue while sending an email with an invitation link. The link provided in the email is
myapp.com/#/invitation/J5QSXr9/token/J6ixelV3myapp.com/#/login, which is not the desired behavior. Interestingly, when I click back on the browser, the correct web page is displayed. Here's the routing configuration I have defined using angular:
var myApp = angular.module('myApp', ["firebase"]).config(
['$routeProvider',
function($routeProvider){
$routeProvider.when('/login', {templateUrl:'partials/login.html', controller:'LoginCtrl'});
$routeProvider.when('/todos', {templateUrl:'partials/todos-list.html', controller:'TodosListCtrl', authRequired:true, pathTo: '/todos'});
$routeProvider.when('/todos/:todosId', {templateUrl:'partials/todos-detail.html', controller:'TodoCtrl', authRequired:true});
$routeProvider.when('/invitation/:todosId/token/:tokenNum', {templateUrl:'partials/invitation.html', controller:'InvitationCtrl', authRequired:false});
$routeProvider.otherwise({redirectTo:'/login'});
}]
)
// establish authentication
.run(['angularFireAuth', '$rootScope', function(angularFireAuth, $rootScope) {
var url="https://myapp.firebaseio.com/";
angularFireAuth.initialize(url, {scope: $rootScope, name: "user", path:"/login"});
}]);
In this setup, I'm utilizing angular's $routeProvider along with Firebase and angularFire for authentication using angularFireAuth. Despite setting authRequired:false for the route
/invitation/:todosId/token/:tokenNum/login. It's puzzling that the browser history shows the correct page, leading to a functional display upon clicking back.
Any insights on what might be causing this peculiar behavior?