Angular of-slide-down模块

Question

我正在尝试使用 this module 来提供 slideToggle 行为。工作正常的原始代码是

<li ng-click="showMe=!showMe" ng-repeat="team in teams">
  <a><h4>{{ team.name }}</h4></a>
  <div ng-show="showMe">
    <a ng-href="team/{{team.slug}}">{{ team.name }}</a>
      <ul>            
        <li ng-repeat="child in team.children">
          <a ng-href="/team/{{child.slug}}">{{ child.name }}</a>
       </li>
     </ul>
  </div>
</li>

我已经用 bower 安装了上述模块，将团队视图更改为

<li ng-click="showMe=!showMe" ng-repeat="team in teams">
  <a><h4>{{ team.name }}</h4></a>
  <div ng-slide-down="showMe" lazy-render duration="0.5">
    <a ng-href="team/{{team.slug}}">{{ team.name }}</a>
      <ul>            
        <li ng-repeat="child in team.children">
          <a ng-href="/team/{{child.slug}}">{{ child.name }}</a>
       </li>
     </ul>
  </div>
</li>

并将该模块包含在我的应用程序的依赖项中。

app.coffee

myApp = angular.module("myApp", [
  "ngRoute"
  "angulartics"
  "angulartics.google.analytics"
  "ng-slide-down"
])
teamy.config [
  "$routeProvider"
  "$locationProvider"
  ($routeProvider, $locationProvider) ->
  $locationProvider.html5Mode(true).hashPrefix "!"

  $routeProvider
    .when "/",
      templateUrl: "/views/teams.html"
      controller: "Teams"
]

当我添加 ng-slide-down 作为依赖项时，视图中断了。我是 angular 的新手，接管了一个现有的应用程序，因此我们将不胜感激。我还使用 grunt 重新启动了服务器。

Answer 1

通常当"things break down"在Angular中添加模块依赖后，这意味着在依赖它的模块之前没有正确加载所需的模块。

我会通过检查源 JS 文件来检查浏览器中是否实际加载了所需的库。如果应用程序正在使用串联文件，例如vendor.js，也许是通过搜索一个字符串来识别 ng-slide-down 库，例如“.module('ng-slide-down'” (source file).

如果您找不到它，则表明 grunt 出于某种原因没有包含该文件，您可以围绕构建配置进一步调查。

如果不是这种情况（模块存在并已加载），您能否详细说明该应用程序是如何损坏的？控制台输出会有所帮助。

Angular of-slide-down模块

Angular ng-slide-down module

slidetoggle

angularjs