如何让angular.js不覆盖链接方面的其他库功能?

时间:2014-11-13 01:14:37

标签: javascript html angularjs hyperlink angularjs-directive

我正在尝试合并来自Uikit库的这个脚本,它有助于根据类型组织图像。 (单击图像上方的导航,将根据您选择的特定类型对它们进行分组)该链接演示了它应如何工作。现在,如果您转到我正在开发的page,您会看到链接似乎跳转到另一页。

我试图从这个link收集如何处理链接,但它似乎在页面链接中圈出来。

有什么建议吗?

更新2015年11月15日

我发现这个article说明了如何在Angular环境中集成jQuery插件的方法。

HTML:

<ul class="uk-subnav uk-subnav-pill" switcher="{connect:'#switcher-content'}">
    <li class="uk-active"><a href="#" >All</a></li>
    <li><a href="#" >Logo</a></li>
    <li><a href="#" >Web</a></li>
    <li><a href="#" >App</a></li>
</ul>

JS:

rustyApp.directive('switcherContent', function() {
     return {
        restrict: 'A',
     link: function(scope, element, attrs) {
        $(element).toolbar(scope.$eval(attrs.switcherContent));
     }
   };
});

但唉它没用。单击sifter,仍然会将我重定向到主页。

1 个答案:

答案 0 :(得分:0)

您可以尝试将target="_self"属性添加到<a>标记,以绕过角度路由。第二个建议是尝试让照片库使用<button>标签而不是<a>标签制作这些链接。