代码之家  ›  专栏  ›  技术社区  ›  margo

角度ng向下滑动模块

  •  0
  • margo  · 技术社区  · 9 年前

    我想用 this module 以提供滑动开关行为。正常工作的原始代码是

    <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幻灯片作为依赖项添加时,视图会中断。我刚接触angular并接管了一个现有的应用程序,因此任何帮助都将不胜感激。此外,我还使用grut重新启动了服务器。

    1 回复  |  直到 9 年前
        1
  •  0
  •   tomas_b    9 年前

    通常,当在Angular中添加模块依赖项后“事情崩溃”时,这意味着所需的模块在依赖它的模块之前没有正确加载。

    我将通过检查源JS文件来检查所需的lib是否已实际加载到浏览器中。如果应用程序使用连接文件,例如供应商。js,可能是通过搜索一个字符串来标识ng幻灯片库,如“.module('ng-slide-down'”( source file ).

    如果你找不到它,这是一个暗示,无论出于什么原因,grut都没有包含该文件,也许你可以进一步研究构建配置。

    如果不是这种情况(模块在那里并已加载),请详细说明应用程序是如何崩溃的?控制台输出将很有用。