Angularjs 悬停下拉列表JS不适用于我的Angular JS设置

我正在使用一个名为Unify的基于Bootstrap3的模板，并通过ui路由实现AngularJS。大部分都很好用。只是我的整个导航都在标题中，我使用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

谢谢

---

Gerd

多亏了Chris T在另一个问题中给我的详细回答，我发现这是一个与范围相关的问题。现在，我正在模板文件中加载悬停下拉列表js，效果很好。

我遇到了同样的问题，并尝试在模板中的脚本标记中加载悬停下拉列表js。这导致了一个错误（就像这里的一个：）

因此，我没有这样做，而是为我的模板创建了一个控制器，并在控制器内部添加了下拉悬停：

---

$（'.dropdown toggle'）.dropdownHover（选项）

你能回答得更具体些吗？模板中的标记会导致中提到的错误，那么，您是如何加载悬停下拉列表的呢？