我必须在滚动不同的选项卡时执行脏检查。但是,当我尝试实现角度 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