gpt4 book ai didi

javascript - Bootstrap 选项卡事件/非事件和 Angularjs

转载 作者:行者123 更新时间:2023-12-03 08:22:33 24 4
gpt4 key购买 nike

我在代码中使用 Angularjs 和 Bootstrap 选项卡:

  <body  ng-controller="TabsCtrl">
<button ng-click="addNewWorkspace('jobs')">Open Tab jobs<i class="icon-plus-sign"></i></button>
<button ng-click="addNewWorkspace('invoices')">Open Tab invoices<i class="icon-plus-sign"></i></button>
<button ng-click="addNewWorkspace('payments')">Open Tab payments<i class="icon-plus-sign"></i></button>

<ul class="nav nav-tabs">
<li ng-class="tabClass(tab)" ng-repeat="tab in tabs" tab="tab">
<a href="{{tab.link}}" ng-click="setSelectedTab(tab)">{{tab.label}}
<button ng-click="removeTab($index)">-<i class="fa fa-times"></i></button>
</a>
</li>
</ul>
<div ng-view></div>

</body>

当我按任意按钮时,它将打开一个新选项卡,这是我的第一个问题,选项卡已创建但未激活,我需要按创建的选项卡才能查看信息。

我的第二个问题是当我打开任何选项卡并关闭时,该选项卡不会显示有关其他打开的选项卡的信息。例如:我打开付款并打开此选项卡,当我关闭它时不显示职位信息。

我做了什么?

当我添加/删除工作区时,我尝试使用 $location.path 来强制显示任何其他选项卡,但这不起作用。我也尝试了 $window 得到了相同的结果。

我不知道我是否混淆了这里的概念。

Live Demo With complete code

最佳答案

$scope.addNewWorkspace = function(page) {
var tab = {
link: '#/' + page,
label: page
};
$scope.tabs.push(tab);
$scope.selectedTab = tab;
$location.path('/' + tab.label);
};

选择当前选项卡为selectedTab

$scope.selectedTab=tab;

重定向到新位置

$location.path('/'+tab.label);

关于javascript - Bootstrap 选项卡事件/非事件和 Angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33682349/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com