Question

我有这个傻瓜，

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>

问题是，在我的应用程序中，我可以单击下一个按钮来导航选项卡，但是当我单击＆＃34;选项卡＆＃34;例如理解，屏幕变成空白。

它如何在我的应用程序上运行：

我可以点击CMA标签。点击后，会显示“意识”，“理解”，“接受...”标签。默认情况下，只显示Awareness的内容（但不是在plunkr中，不知道为什么，它显示了所有内容）。
点击下一步我可以浏览标签而不刷新页面（无法在plunkr中导航：/）

真实问题：我需要能够单击任何选项卡以显示所单击选项卡的内容。下一步按钮也应该有效。 非常感谢你们的帮助。

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

Answer 1

您需要更改

href="#AwarenessMenu"

到

data-target="#AwarenessMenu"

Answer 2

你必须了解路线，时间，ng-view这样做。

Angularjs - 无法在标签点击上显示标签

2 个答案: