Navigation AngularJS中的选项卡式导航

在AngularJS中，如何创建简单的选项卡式导航（单击选项卡时切换内容）

HTML:

内容一
内容二
内容三

---

我在寻找一个简单的、对初学者友好的示例，而不是“下载这些其他东西，然后……”

请参阅AngularJS主页的“创建组件”部分。该示例应用程序定义了两个指令：

窗格

和

选项卡

---

有关此操作原理的其他说明，请参见以下内容：

内容一
内容二
内容三

太棒了！现在，我如何才能a.）默认显示第一个内容（这有效

，或者有更好的解决方案吗？）和b.）突出显示当前选择的导航元素？如果ui引导不够“初学者”，请查看tabs指令，我恐怕你运气不好。要在页面加载上设置默认选项卡，可以使用

ng init=“selected=1”

指令：

<ul class="tabbed-navi">
    <li class="active">
        <a href="#one">Nav One</a>
    </li>
    <li>
        <a href="#two">Nav Two</a>
    </li>
    <li>
        <a href="#three">Nav Three</a>
    </li>
</ul>

<div class="active">
    Content One
</div>
<div>
    Content Two
</div>
<div>
    Content Three
</div>