ng-disabled doesn't prevent state change

[CSchulz]

I am using the ng-disabled to deactivate links but it seems the ui-router tries to go to the state:

<a ui-sref=".groups" class="btn btn-default" aria-label="Groups" ng-disabled="userController.create">
    <span class="db-icon-pencil small" aria-hidden="true"></span>Groups
</a>

Error: Could not resolve '.dcb' from state 'administration.benutzer.new'
    at Object.y.transitionTo (angular-ui-router.min.js:7)
    at Object.y.go (angular-ui-router.min.js:7)
    at angular-ui-router.min.js:7
    at angular.min.js:156
    at e (angular.min.js:45)
    at angular.min.js:48

[christopherthielen]

Interesting. This seems like a pretty common scenario. I don't have time to implement it but I'd accept a PR to the master (1.0) branch.

An alternative is to disable pointer events using CSS

a[disabled=disabled] {
  pointer-events: none;
  cursor: default;
  color: grey;
}

[gideonaa]

+1 for this

[stale]

This issue has been automatically marked as stale because it has not had
recent activity. It will be closed if no further activity occurs.

This does not mean that the issue is invalid. Valid issues
may be reopened.

Thank you for your contributions.