Question

我正在尝试为Angularjs引导程序选项卡组件创建一个ui路由器。我在获取页面上显示的内容方面遇到了问题。以下是我的代码

    <div class="container" style="height: 530px;margin-top: 5%;">
    <ul class="nav nav-tabs">

        <li><a data-toggle="tab" href="#menuh1">Testing</a></li>
        <li><a data-toggle="tab" data-target="#bhistory" ng-click="_redirect('bhistory');">History</a></li>
    </ul>
 <div class="tab-content" style="height: 100%;border: 1px #ddd solid;">
     <div id="menuh1" class="tab-pane fade">    
    </div>
    <div  id="bdhistory" class="tab-pane fade"  >
    </div>
   </div>
   </div>

上面是选项卡的代码，在我的控制器中我正在更新要路由的状态。以下是控制器代码

var navtabs = angular.module("HValidationModule", []).config(
      function($httpProvider) {
        $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
    }).controller("HValidationController", function($scope, $http, $location, $state) {


$scope._redirect = function(caseStr) {
    $("#" + $scope.currentActiveTab).removeClass('active');
    $("#" + caseStr).addClass('active');
    $scope.currentActiveTab = caseStr;
    $state.go("bdata."+caseStr);

};
});

以下是路由器状态的代码。

  .state(
                        'bdata.bhistory',
                        {
                            url : '/bhistory',
                            templateUrl : '',
                            controller : 'historyController',
                            resolve : {
                                redirectIfNotAuthenticated : _redirectIfNotAuthenticated
                            },
                            views : {
                                '' : {
                                    templateUrl : './resources/app/components/BValidation/HSystem/HHistoryView.html'
                                },
                            }
                        })

当我点击历史记录标签时，应用程序网址会指向上述状态。但是HHistoryView.html文件数据未加载到屏幕上。对此有任何帮助非常感谢。

Answer 1

尝试从.state中删除templateUrl。顺便说一句，jquery-bootstrap在angular中有很多问题/ ui-bootstrap没有

带有uirouter的angular js bootstrap选项卡

1 个答案: