(Previous State) Error: Cannot transition to abstract state '[object Object]'

[eseceve]

If you load this http://christopherthielen.github.io/ui-router-extras/example/stickymodal/index.html#/modal1 and then close the modal you get this error:

Error: Cannot transition to abstract state '[object Object]'
    at Object.transitionTo (http://christopherthielen.github.io/ui-router-extras/lib/angular-ui-router.js:3077:39)
    at Object.$state.transitionTo (http://christopherthielen.github.io/ui-router-extras/lib/ct-ui-router-extras.js:136:34)
    at Object.$state.transitionTo (http://christopherthielen.github.io/ui-router-extras/lib/ct-ui-router-extras.js:929:55)
    at Object.$state.transitionTo (http://christopherthielen.github.io/ui-router-extras/lib/ct-ui-router-extras.js:1415:48)
    at Object.go (http://christopherthielen.github.io/ui-router-extras/lib/angular-ui-router.js:3007:21)
    at Object.$previousState.go (http://christopherthielen.github.io/ui-router-extras/lib/ct-ui-router-extras.js:1329:25)
    at Scope.$scope.close (http://christopherthielen.github.io/ui-router-extras/example/stickymodal/app.js:64:28)
    at http://christopherthielen.github.io/ui-router-extras/lib/angular.js:10694:21
    at http://christopherthielen.github.io/ui-router-extras/lib/angular.js:18882:17
    at Scope.$eval (http://christopherthielen.github.io/ui-router-extras/lib/angular.js:12556:28)

[matthewharwood]

I'm not sure but I'd guess that this error is created when there is not previousstate .memo set

for instance:
www.mysite.com/things/thingid (lets pretend that the /thingid state has a button in the view and this button has a previous state trigger set to it.

If a user was to go from www.mysite.com/things a memo would be set. then lets say you open up a modal and the route goes to www.mysite.com/things/:id ~ this would work as intended.

This time lets input into the url-bar www.mysite.com/things/:id? Since the memo gets set on the /things/ controller and not on the /:id route there wouldn't have been a previous state set. Therefore, this abstract state [obj obj] error is thrown.

I haven't written a solution for this but I would create a fallback to history.back() maybe? My Javascript/angular isnt that great but I think you should write a decorator and create a fall back... if this is a good solution could you post me a gist of your decorator cuz I need it too.

[christopherthielen]

.memo() is supposed to allow a default previous state to be applied if this is the first transition. However, it never got tested and is broken. The fix for the demo is to write $previousState.memo("modalInvoker", "top"), but this doesn't work because of the bug in .memo which is registering the root state ("") as the previous state. The fix for .memo is to check if the previous state is is navigable if (state.navigable)

[astyfx]

in Modal init

$previousState.memo('caller', 'main');

in ct-ui-router-extras.js

var $previousState = {
    get: function (memoName) {
        return memoName ? memos[memoName] : previous;
    },
    go: function (memoName, options) {
        var to = $previousState.get(memoName);
        if(to.state.abstract)
            return $state.go(to.default.state, to.default.params, options);
        else
            return $state.go(to.state, to.params, options);
    },
    memo: function (memoName, defaultStateName, defaultStateParams) {
        memos[memoName] = previous;
        memos[memoName].default = {state: $state.get(defaultStateName), params: defaultStateParams};
    },
    forget: function (memoName) {
        delete memos[memoName];
    }
};

temporal fix for this bug. using @christopherthielen answered plunker's extras.js in #139