我正在尝试使用AngularJS仅使用我的网站构建标签页.我在某个地方看到用
Jquery增加AngularJS是不可取的.
我很难删除选项卡和选项卡内容之间的界限.例如.选择选项卡1后,选项卡1下方的行将消失.
任何人都可以帮助解决CSS问题吗？
谢谢.
我的HTML
<html ng-app>
<div class="tabgroup" ng-init="tab=1">
<div class="tab" ng-click="tab = 1">tab1</div>
<div class="tab" ng-click="tab = 2">tab2</div>
</div>
<div class="tabcontents">
<div ng-show="tab == 1">
tab 1 contents
</div>
<div ng-show="tab == 2">
tab 2 contents
</div>
</html>
</div>
当前的CSS
.tabgroup{
background:white;
}
.tab{
color:black;
display:inline-block;
border: 1px solid #000000;
padding: 5px;
}
.tabcontents{
border: 1px solid #000000;
padding: 5px;
}
这是我的Fiddle
