4

我必须在滚动不同的选项卡时执行脏检查。但是,当我尝试实现角度 ui 选项卡的这个 select() 和 deselect() 方法时,不会监听并停止导航到另一个选项卡。

我明确地让他们活跃,但仍然没有运气。

你能帮我调试这个问题或为我提供解决方法吗?

仪表板.html

<uib-tabset active="active">
    <!--  <uib-tab heading="Dashboard" index="0">
        <ng-include src="'/project/Dashboard.html'">
        </ng-include>
     </uib-tab> -->
    <uib-tab  index="$index" ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" 
    deselect="switchTabs(tab)" select="selectTab(tab)" disable="tab.disabled">
    <uib-tab-heading>
           {{tab.title}} <i class="glyphicon glyphicon-remove" ng-click="removeTab($index)" ng-hide="tab.tabId===-1"></i> 
     </uib-tab-heading>
      <ng-include src="tab.templateUrl">
      </ng-include>
    </uib-tab>
 </uib-tabset>

仪表板Ctrl.js

$scope.tabs = [];
$scope.activeTab = 0;
$scope.selectTab = function(tabInfo) {


console.log("tab Info"+tabInfo.title);

if($scope.activeTab > 0)
{
$scope.tabs[$scope.activeTab].active=true;
$scope.active = $scope.activeTab;
}

};


$scope.switchTabs = function(tabInfo) {
$scope.prevActiveTab = tabInfo.tabId;
var tabNumbers = $scope.tabs.length;
var tabActivateId = -1;
for(var i=0; i<tabNumbers; i++)
{
if($scope.tabs[i].tabId === tabInfo.tabId)
{
tabActivateId = i;
}

}

if(tabActivateId>=0)
{
$scope.tabs[tabActivateId].active=true;
$scope.active = tabActivateId;
$scope.activeTab = tabActivateId;
}


if($scope.isViewDirty === true)
{
event.preventDefault();
event.stopPropagation();
openConfirmationModal('sm');


}
else
{
$scope.isViewDirty = false;
}



};

这不是在监听任何事件,也不是正确选择活动选项卡。

Angular JS 版本 1.4.3 引导程序版本 0.14.3


4

0 回答 0