2017-02-15 3 views
0

Я это plunkr,Angularjs - не удалось показать вкладку на вкладке нажмите

http://plnkr.co/edit/AEYQpvmjUR6DUq2jtYid?p=preview

Часть Мой HTML код:

<body ng-app="App" ng-controller="mainController"> 
    <form name="myForm1" style="align-content:center;"> 
     <div id="divTabs" > 
     <h4>CMA Analysis/Assessment</h4> 
     <ul class="nav nav-tabs" id="tabs" style="border-bottom: none;"> 
      <li class="active"> 
      <a data-toggle="tab" href="#AwarenessMenu">Awareness</a> 
      </li> 
      <li> 
      <a data-toggle="tab" href="#UnderstandingMenu">Understanding</a> 
      </li> 
      <li> 
      <a data-toggle="tab" href="#AcceptanceMenu">Acceptance</a> 
      </li> 
      <li> 
      <a data-toggle="tab" href="#CommitmentMenu">Commitment</a> 
      </li> 
      <li> 
      <a data-toggle="tab" href="#AdvocacyMenu">Advocacy</a> 
      </li> 
      <li class="next-tab"> 
      <a href="">Next ></a> 
      </li> 
     </ul> 
     </div> 
     <div id="divAlltabContent" class="tab-content" > 
     <div id="AwarenessMenu" class="tab-pane fade in active"> 
       AwarenessMenu 
      </div> 
     <div id="UnderstandingMenu" class="tab-pane fade in active"> 
       UnderstandingMenu 
      </div> 
     <div id="AcceptanceMenu" class="tab-pane fade in active"> 
       AcceptanceMenu 
      </div> 
     <div id="CommitmentMenu" class="tab-pane fade in active"> 
       CommitmentMenu 
      </div> 
     <div id="AdvocacyMenu" class="tab-pane fade in active"> 
       AdvocacyMenu 
      </div> 
     </div> 
    </form> 
    </body> 

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

Как это работает на моем приложении:

  1. я могу нажать на вкладку CMA. На клике показаны вкладки «Осознание, понимание, принятие ...». По умолчанию отображаются только содержимое Awareness (но не в plunkr, не уверен, почему, он показывает все).

  2. По щелчку на следующий я могу перемещаться язычки без обновления страницы (не может перемещаться в plunkr: /)

Реальный вопрос: я должен быть в состоянии нажать на любую вкладку, чтобы показать содержимое закладки с кликом. Следующая кнопка также должна работать. Поблагодарили бы за помощь.

Я добавил полный js в plunkr вместо ссылок, потому что он не работал должным образом.

ответ

2

Вам нужно изменить

href="#AwarenessMenu" 

в

data-target="#AwarenessMenu" 
+0

Позвольте мне попробовать быстро – Sak

+0

Спасибо ... – Sak

+0

В нем говорится, что я могу принять за 3 минуты. – Sak

-1

Вы должны понимать маршрут, когда ng-view для этого.

+0

это не может быть ответом –

+0

нормально, поэтому вы предположить, что может быть ответом? –

+0

ваши слова: «Вы должны понять маршрут, когда, ng-view для этого», предположим, что комментарий не является ответом. –

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