我正在寻找一个指令,允许单击外部元素以克隆ui-sref
其包含的元素之一,以便单击外部元素的行为与单击.cloned
元素相同
<div clone-click=".cloned">
...
<a class="cloned" ui-sref="root.a" ng-if="true">example</a>
<a class="cloned" ui-sref="root.b" ng-if="false">example</a>
...
<a ui-sref="root.c">elsewhere</a>
...
</div>
我尝试了触发点击的属性指令
app.directive('cloneClick', function() {
return {
restrict: 'A',
scope: {
selector: '@cloneClick'
},
link: function(scope, element) {
element.click(function() {
element.find(scope.selector).not(':disabled').first().click();
})
}
};
})
但这会导致无限循环或其他东西并且不起作用。我怎样才能让它工作?还是有更好的方法来实现这一目标?