2016-03-29 3 views
0

Вот мой html-код, но я думаю, что ng-init не работает.Угловая ошибка баяна JS

 <div ng-init="accordion=1"> 
     <h3 class="accordion" ng-class="{active:accordion==1}"> 
      <a href ng-click="accordion = 1">Section 1</a> 
     </h3> 
     <p class="accordion-content" ng-show="accordion==1">Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p> 

     <h3 class="accordion" ng-class="{active:accordion==2}"> 
      <a href ng-click="accordion = 2">Section 2</a> 
     </h3> 
     <p class="accordion-content" ng-show="accordion==2">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p> 

     <h3 class="accordion" ng-class="{active:accordion==3}"> 
      <a href ng-click="accordion = 3">Section 3</a> 
     </h3> 
     <p class="accordion-content" ng-show="accordion==3">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form</p> 
    </div> 

Я надеюсь, что это может надеяться работать, как следовать в первый раз, но он не работает должным образом

enter image description here

Но это показывает, как это.

enter image description here

Я уверен, что не может быть никаких проблем в JS и стилизации работы.

Пожалуйста, смотрите здесь. https://jsfiddle.net/koaqayb3/11/

У меня уже есть один модуль и хотелось бы знать, как их интегрировать.

var module = angular.module ('myApp', ['ngAnimate', 'ngTouch', 'ngScrollbars', '']);

var app = angular.module ('myApp', []);

Заранее спасибо.

+0

, если это возможно, то плз поделитесь jsfiddle ссылкой – lalitpatadiya

+0

вы получаете какую-либо ошибку в консоли? – shershen

+0

Ваш код работает [скрипка] (http://jsfiddle.net/U3pVM/23522/) –

ответ

0

Исправлено для вас. Вы заявили, что ваш модуль имеет некоторые зависимости для других модулей, которые вы не включили в свою скрипту. Я просто удалил зависимости в объявлении модуля, как это:

var module = angular.module('myApp', []); 

Обновлено скрипка: https://jsfiddle.net/koaqayb3/13/

+0

Спасибо, но мне нужны эти зависимости из-за других функций. Что я могу сделать тогда? –

+0

Вы можете использовать их в своем реальном коде, где у вас есть фактические модули для зависимостей в файлах javascript, таких как ng-animate.js и т. Д. Но в скрипте вы не включали файлы зависимостей, которые вы объявили в своем собственном объявлении модуля. – henrikmerlander

0

Вашей скрипка не работает из-за зависимости модулей, определенных внутри

var module = angular.module('myApp', ['ngAnimate', 'ngTouch','ngScrollbars']);

этого нужно установить приложение не могут получить 'ngAnimate', 'ngTouch','ngScrollbars' Эти зависимости в вашей скрипке удаляют их, и кажется, что они работают нормально.

Fiddle

Надеется, что это помогает

+0

Но мне нужны эти зависимости из-за других функциональных возможностей. то что я могу сделать? –

+0

Вы можете просто привязать этот шаблон к модулю, в котором вы работаете, i.e 'myApp'. Подождите, я отредактирую свой ответ и определю вам шаги. –

+0

@ Давид, пожалуйста, скажите мне, где находится этот шаблон аккордеона html в вашем проекте. –

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