Css 在AngularJs中创建选项卡

我试图创建简单的选项卡，只使用带有ng show和ng hide的div。我不想使用jQuery或BootStrap。我已经创建了选项卡，但无法正确处理div

表1
表2
首先

第二

即使单击第一个选项卡，也会显示第二个选项卡的内容。 单击第一个选项卡时如何仅显示第一个内容，单击第二个选项卡时如何仅显示第二个内容

提前谢谢你。

表1
表2
首先

第二

---

在您的情况下，

showDetails=！showDetails

将在每次单击任何选项卡时切换活动选项卡。

@F4r-20，是否有类似于JSFIDLE的降价说明？@SET使用

标记。回答很好！效果很好。

<div  ng-app ng-controller="sample">

    <div class="cb" ng-click="showDetails = ! showDetails">tab 1</div>
    <div class="cb" ng-click="showDetails = ! showDetails">tab 2</div>

    <div ng-hide="showDetails">
        <p>first</p>
     </div>

    <div ng-show="showDetails">
        <p>second</p>
    </div>

<div  ng-app ng-controller="sample" ng-init="tab=1">

        <div class="cb" ng-click="tab = 1">tab 1</div>
        <div class="cb" ng-click="tab = 2">tab 2</div>

        <div ng-show="tab == 1">
            <p>first</p>
         </div>

        <div ng-show="tab == 2">
            <p>second</p>
        </div>
</div>