2015-08-08 5 views
0

Я пытаюсь использовать this module, чтобы обеспечить поведение slideToggle. Оригинальный код, который отлично работает вУгловой ng-слайд-вниз модуль

<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> 

Я установил выше модуль с дачей, изменил вид команды на

<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" 
] 

мнение о перерывы при добавлении нг-слайд-вниз, как зависимость. Я новичок в угловой и занимаюсь существующим приложением, поэтому любая помощь будет оценена по достоинству. Также я перезапустил сервер, используя grunt.

ответ

0

Обычно, когда «вещи разрушаются» после добавления зависимости модуля в Угловом, это означает, что необходимый модуль не был загружен правильно перед модулем, который зависит от него.

Я бы установил, что требуемая библиотека загружается в браузере, проверяя исходные JS-файлы. Если приложение использует конкатенированный файл, например. vendor.js, возможно, путем поиска строки, которая идентифицировала бы lib-lib-lib-lib как «.module (« ng-slide-down »» (source file).

Если вы не можете найти его, намек на то, что ворчание не включало файл по какой-либо причине, и вы можете более подробно исследовать конфигурацию сборки.

Если это не так (модуль там и загружен), не могли бы вы рассказать о том, как приложение breaks? Консольный выход был бы полезен.

+0

Thx для предложений! Вы были правы в том, что он не загружался. Я полуработал его, кроме случаев, когда страница загружает все блоки, которые должны быть закрыты, открыты и сразу переключитесь. Я буду искать soluti так, чтобы при загрузке страницы блоки закрывались. – margo

+0

Awesome. Что касается начального состояния, вы можете попробовать https://docs.angularjs.org/api/ng/directive/ngCloak. –

Смежные вопросы