Angular JS选项卡CSS

我正在尝试使用AngularJS仅使用我的网站构建标签页.我在某个地方看到用Jquery增加AngularJS是不可取的.

我很难删除选项卡和选项卡内容之间的界限.例如,选择选项卡1时,选项卡1下方的行将消失.

任何人都可以帮助解决CSS问题吗？

谢谢.

我的HTML

tab1
tab2

   

    tab 1 contents


    tab 2 contents

当前的CSS

.tabgroup{
background:white; 
}
.tab{
color:black;    
display:inline-block;
border: 1px solid #000000;
padding: 5px;
}
.tabcontents{
border: 1px solid #000000;    
padding: 5px;
}

这是我的 小提琴