问题标签 [angular-ui-tabset]

我正在使用 uib-tabset

控制器 ：

我想添加一个可以在初始化 tubset 后更改的数字。我无法将选项卡集标题绑定到 '$scope 属性或将其插入 ng-bind 的问题

例如内容(12)

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

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

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

仪表板.html

仪表板Ctrl.js

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

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

我有uib-tabset四个标签：

它有这个控制器：

每个选项卡具有相同的结构。它们都包含一个 UI-GRID，并且仅在它们包含的数据上有所不同：

至少，这里是调用服务器的服务。至于Controller，连四个tab的Services都是一样的，只是url不同：

我的问题是，即使我blockUI在每个选项卡中添加了 ，当我打开包含 的页面时，uib-tabset有时它似乎也不会加载所有数据。因为例如我看到前两个选项卡填充了表格，但其他两个没有填充。或者前两个和最后一个，依此类推。

所以我一直试图解决这个问题，我看到一个类似的帖子，但没有得到答复，所以我会尝试发布这个，但用一个 plunkr 作为示例。

所以问题是在加载时，我注意到 ui-tab 总是设置为 Add Tab 按钮。我想要做的是让 ui-tab ng-repeat 中的第一个元素处于活动状态，而不是静态的 Add Tab 按钮。

<uib-tabset active="activeTabIndex"> <uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}">Some content</uib-tab> <uib-tab heading="Add a tab" ng-click="addTab()" >Add a tab</uib-tab> </uib-tabset>

https://plnkr.co/edit/XrYSKLdyN1cegfcdjmkz?p=preview

我怎样才能做到这一点？我已经研究了一段时间，但仍然不知道如何解决这个问题。

谢谢，

所以我正在创建一个 angularjs 1.4 和 bootstrap 3 网络应用程序。Web 应用程序的一部分有一个选项卡集，允许用户单击选项卡并查看不同的图表。我想将选项卡标题更改为下拉菜单，用户可以在下拉菜单中看到可用的图表，当他们单击一个选项时，将出现该选项的图表。

我试图做的是隐藏选项卡标题并创建一个单独的下拉列表，其中我有一个 ng-click 函数，该函数利用 jquery 选择器来选择特定选项卡并将“活动”类添加到元素中。这有效，但停留在图表的加载屏幕上，从不显示内容。

任何帮助或其他想法都会很棒！

^^这是我调用来尝试打开选项卡的函数。

angular-ui我正在尝试使用tabs单击每个选项卡从不同的控制器调用不同的功能directive。

HTML

我收到这样的错误

多个指令 [ngController, tab] 要求新的/隔离的范围

要求

I have 5-6 tabs in a page. The page should not load the data of each tab at once. It should only load data for a tab once that tab is being clicked.

解决方案

我有一个解决方案来包装tabset指令，parent controller这样我就可以broadcast从 中获取事件ParentController来调用各个Child控制器的函数。

问题：

但遗憾的是，我的应用程序中有太多带有标签的页面，我认为从ParentControllerto为每个标签广播事件ChildController不是一个好主意。我需要知道什么应该是一个好的解决方案？

使用 tabset 创建了 5 个选项卡。第 5 个选项卡是其余 4 个选项卡的摘要。在第 5 个选项卡中有链接。单击每个链接应打开相应的选项卡。如何使用 Angular js 实现？

我有一个代码，其中包含一个带有 ng-click 的按钮，当按下它时，它将一个新选项卡添加到选项卡数组中。

然后，数组被填充并显示在视图中：

此外，每个选项卡都有一个调用此函数的删除链接：

问题是当我删除一些不是最后添加的选项卡的选项卡时，活动选项卡和索引不一样。有一个 plunkr 来演示这个问题：http ://plnkr.co/edit/02Lll7oPYyvAxcKu5GkK?p=preview如您所见，当一个选项卡（不是最后一个）被删除时，“选项卡”和“索引”变量不是相同。

请问有什么想法吗？

我将 AngularUI 与此代码一起使用：

我想以编程方式从我的角度控制器代码中更改当前的活动标签。例如，选择选项卡“2”以激活。

如何做到这一点？

我正在使用 Angular ui.bootstrap.tabs 指令。我需要设置标签的活动标题。但是当我尝试使用这个指令时它没有设置类活动

所以这是演示：

检查员的代码：

我认为错误就在这里-[object Object]但我不知道如何跟踪它。

我的铁轨要求：

应用程序.js：

控制器：