Hover Dropdown JS不适用于我的Angular JS Setup

时间:2014-06-14 12:47:06

标签: angularjs twitter-bootstrap-3 angular-ui-router

我正在使用一个名为Unify的基于Bootstrap 3的模板,并使用ui-routing实现了Angular JS。大多数工作正常。只是我的整个导航都在标题中,我使用ng-include从html模板文件中注入标题。他们的悬停下拉列表js插件不再起作用了。我的代码看起来像这样。

<header ng-include="'templates/header.html'"></header>
<!--=== Content Part ===-->
<div class="container"> 
<div class="row" >
    <div ui-view autoscroll="false"></div>
</div>

<footer ng-include="'templates/footer.html'"></footer>

并且在标记之前调用插件,并且需要其余的脚本。

当我在没有Angular JS的情况下使用文件时它工作得很好如果我不注入代码但是将其保留在index.html中但是现在不是现在这样,它也适用于Angular JS。

希望有人可以帮助我,因为我对视差滑块有同样的问题,为了方便起见我暂时保留在index.html中。

谢谢,

格尔德

2 个答案:

答案 0 :(得分:0)

感谢Chris T在另一个问题中给出的详细答案,我发现这是与范围相关的问题。现在我在模板文件中加载悬停下拉列表js并且工作正常。

答案 1 :(得分:0)

我遇到了同样的问题,并尝试在模板中的脚本标记中加载悬停下拉列表js。这导致了一个错误(就像这里的一个:Can AngularJS ng-include load a Jinja2 processed html on FLASK?

因此,我没有这样做,而是通过为我的模板创建一个控制器来实现它,并且在控制器内部我通过以下方式添加了下拉菜单:

$( '下拉肘节。')dropdownHover(选项);