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>

問題是，在我的應用我能夠點擊下一個按鈕來瀏覽選項卡，但是當我點擊「選項卡」（例如「理解」）時，屏幕變爲空白。

它是如何運行在我的應用程序：

我可以點擊CMA標籤。點擊後，會顯示Awareness，understanding，acceptance ...選項卡。默認情況下只顯示Awareness的內容（但不在plunkr中，不知道爲什麼，它顯示了所有內容）。
在點擊下一步我可以瀏覽的標籤，沒有任何頁面刷新（可在plunkr無法瀏覽：/）

真正的問題：我需要能夠點擊任何選項卡上顯示點擊標籤的內容。下一步按鈕也應該起作用。 希望得到很多幫助。

我在plunkr中添加了完整的js而不是引用，因爲它沒有正常工作。

來源

2017-02-15 Sak

您需要更改

href="#AwarenessMenu"

到

data-target="#AwarenessMenu"

來源

2017-02-15 11:03:52 Indhu

讓我試試真快 – Sak

謝謝..................... – Sak

它說我可以在3分鐘內接受。 – Sak

-1

你必須瞭解ng-view的路由，

來源

2017-02-15 11:01:04

這不可能是一個答案 –

好了，你有什麼建議可能是答案嗎？ –

你的話，「你必須瞭解路線，何時，ng-view做這個」假設是一個評論而不是答案。 –

Angularjs - 無法顯示在選項卡中單擊標籤

回答

相關問題