ui-sref

Here is my case: I have a div which needs to get some html injected from a function: <div ng-bind-html="myCtrl.getMyLink()"></div> in my controller I have: this.getMyLink = function () { return '<a ui-sref="app.go.to.state1">my link</a>'; } It works but not at all. All I have at the end in my html is only <a>my link</a> It's a link but the ui-sref redirection is not working. There is surely something I'm missing. How can I fix that? The content inside ng-bind-html doesn't get compiled by angular, it is intended for static html. You would need to use your own directive instead and either set a

I'm searching for a possibility to replace characters in the ui-sref, respecting the URL of a target. .state('base.product.detail', { url: 'detail/:productName-:productId/' The URLs now look like: Now: http://localhost/detail/My%20Product%20Name-123456789/ Should: http://localhost/detail/My-Product-Name-123456789/ I want to get rid of the %20 (which are also directly generated inside ui-sref="") and replace them with a minus (-). Any ideas how to do that? Regards, Markus Register a custom type that marshalls and unmarshalls the data. Docs here: http://angular-ui.github.io/ui-router/site/#/api