AngularJS ui-router: ui-sref and directive

Question

I have such html:

<span ui-sref="{{detailsArt(art.Id)}}" check-val></span>

and in my directive check-val i have:

link: function(scp, el, attr) {
  el.bind('click', function(event) {
    //some logic with if:
    event.preventDefault();
  });
}

and it's not working with ui-sref(

when i'm using $state.go('detailsArt', {artId: art.Id}) this directive is working fine.

Is it possible to use ui-sref with directive click handler, and how?

michelem · Accepted Answer · 2016-04-07 07:20:10Z

1

Because it should be: ui-sref="detailsArt({artId : art.Id})" And of course you need an anchor tag a as said by Pankaj

<a ui-sref="detailsArt({artId: art.Id})" check-val></a>

answered Apr 7, 2016 at 7:20

michelem

14.6k5 gold badges55 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

with ui-sref="detailsArt({artId : art.Id}) it works too