“选项卡的内容div”未显示。。我正在使用AngularJS来实现这一点

仅显示垂直选项卡。。。当我使用他的代码时，

选项卡content div

从未显示。 这是我的密码

<div class="row">
<div class="col-sm-3">
<ul class="nav nav-tabs nav-stacked nav-pills" role="tablist">
    <li ng-class="{'active': view_tab == 'tab1'}">
        <a class="btn-lg" ng-click="changeTab('tab1')" href="">My Tab 1</a>
    </li>
    <li ng-class="{'active': view_tab == 'tab2'}">
        <a class="btn-lg" ng-click="changeTab('tab2')" href="">My Tab 2</a>
    </li>
</ul>
</div>
<div class="col-sm-9">
<div class="tab-content">
    <div class="tab-pane" ng-show="view_tab == 'tab1'">
        This is tab 1 content
    </div>
    <div class="tab-pane" ng-show="view_tab == 'tab2'">
        This is tab 2 content
    </div>
</div>

对于引导，您需要设置哪个选项卡处于活动状态：

var NavController=function（$scope，$http）{
$scope.changeTab=函数（选项卡）{
$scope.view\u tab=tab；
}
};
NavController.$inject=['$scope'，'$http']；
角度.module（'app'，[]）.controller（'NavController'，NavController）







这是表1的内容
这是表2的内容
您可以制作一个plunkr或JSFIDLE来演示这个问题吗？我看不出所提供的代码有任何问题。当然。。。认可的。。。非常感谢。
var NavController = function ($scope,$http) {       

   $scope.changeTab = function(tab) {
        $scope.view_tab = tab;
    }
};
NavController.$inject = ['$scope','$http'];

angular.module('publisherApp').controller('NavController', NavController);