我正在尝试使用此模块来提供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>
并将该模块包含在我的应用程序的依赖项中。
咖啡
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作为依赖项时,视图会中断。我是新手,现在要接管现有的应用程序,因此对您的帮助将不胜感激。另外,我已经使用grunt重新启动了服务器。
通常,当在Angular中添加模块依赖项后出现“问题”时,这意味着所需的模块未在依赖该模块的模块之前正确加载。
我将通过检查源JS文件来检查所需的库是否已实际加载到浏览器中。如果应用程序正在使用连接文件,例如vendor.js,则可能是通过搜索一个字符串来识别ng-slide-down库,例如“ .module('ng-slide-down'”(源文件)。
如果找不到它,则表明grunt出于某种原因未包含该文件,您也许可以对构建配置进行进一步调查。
如果不是这种情况(模块已安装并且已加载),您能否详细说明应用程序如何中断?控制台输出将很有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句