AngularJS ui-router：ui-sref和指令

Question

我有这样的HTML：

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

在我的指令check-val中我有：

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

并且它不适用于ui-sref（

当我使用$state.go('detailsArt', {artId: art.Id})时，此指令运行正常。

是否可以将ui-sref与指令点击处理程序一起使用，以及如何使用？

Answer 1

因为它应该是：ui-sref="detailsArt({artId : art.Id})" 当然，你需要Pankaj所说的锚标a

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