问题标签 [angular-ui-tabset]

我正在尝试创建一个指令，该指令将根据路由自动激活 angular-ui 选项卡。我的指令旨在添加到选项卡集中的每个选项卡元素。

我要求

在我的编译函数中，我返回了一个链接函数，它开始如下：

这tabsetCtrl是预期的选项卡集的控制器。

我想调用的.select方法tabsetCtrl

它的代码如下所示：

我通过传递我在链接函数中得到的范围参数来调用它，

通过查看选项卡和选项卡集的代码，我知道选项卡集期望selectedTab成为选项卡指令的范围。

这可以从选项卡正在调用然后将范围添加到其选项卡集合的事实中tabsetCtrl.addTab(scope);看出tabsetCtrl。

选项卡控件调用但我不知道如何到达它。我假设这与选项卡控件的范围相同，因为我的指令应用于选项卡元素。

我的问题是如何从添加到选项卡属性的我自己的指令中获得选项卡发送到 tabsetCtrl 的范围的同一实例？

笔记：

1）我曾经认为这与我为指令的 linkingFunction 获得的范围完全相同，但如果是这种情况，我不明白为什么我在selectedTab.onSelect();说“未定义不是函数”的行中出现错误[即，我的指令范围的 selectedTab 没有“onSelect”，如果我理解正确，选项卡的范围应该基于其隔离范围的减速，如下所示：

2）也许这也与 tab 指令也被定义为但同样的事实有关transclude:true- 我不确定究竟是如何。

该应用程序一切正常，可以在现代浏览器中运行。但是，我需要它在 Internet Explorer 8 中工作，而且我的选项卡的ng-repeat似乎不起作用。我无法在选项卡之间导航，悬停和活动选项卡正在工作，但内容没有改变。

看看我的代码。

HTML

这些是我使用现代浏览器时的元素，它工作得很好..（来自 ChromeDevTools）。

这个来自我的 IE8 开发者工具。

tabset 视图没问题，我跟着这个。AngularUI - 兼容的浏览器

更新。

我的功能没有问题，所以我没有包含它。

bootstrap-scrolling-tabs 使用 angular-bootstrap 元素实现可滚动标签。

这是我的代码

运行此程序时出现错误。知道这有什么问题吗？

我有一个带有 3 个标签的标签集：

在控制器上：

所以，我有两个与此代码相关的问题。

第一：如果activeTab2设置为true，该函数tabTab2将运行两次（Tab3 相同）。这是为什么？如果我然后选择 tab1 并返回到 tab2 它将只运行一次......

第二：我试图在 div 中使用 google.mapsnewMap但它抛出错误Cannot read property 'offsetWidth' of null并且null元素是document.getElementById("newMap"). 再说一遍，这是为什么呢？

如果我设置activeTab2为true，false然后activeTab1单击 tab2，它工作正常。问题仅在于它在开始时处于活动状态...

- - - - - 编辑 - - - - - - -

这是笨蛋

如果将 activeTab1 设置为 TRUE，则它可以工作，如果设置为 FALSE（并且 activeTab2 设置为 TRUE），则它不起作用。

在回复莫里西时，名称 tabTab1... 仅适用于 Stackoverflow 问题...

----- EDIT2 --------

plunker url 更新了

----- EDIT3 --------

所以，刚刚意识到问题在于选项卡在select. 如果您将 plunker 更改为

并且activeTab为 TRUE，控制台将显示

因此，该函数第一次运行该元素不存在，但第二次它确实存在......

我的代码如下所示：

此代码创建默认选项卡集，如下 plunker 代码所示：

http://plnkr.co/edit/?p=preview&s=gYWtjBltWXYqhczs

我希望我的标签集看起来像这张图片中的标签标题在底部。

请指导我如何实现这一目标？

我正在使用这样的 AngularUI Bootstrap 来创建一个标签集：

输出到页面的代码如下所示：

我遇到的问题是无法通过键盘选择标题链接，因为它们缺少tabindex. 显然，我不能只添加它，因为 angular 正在为列表创建填充 HTML，并且将 a 添加tabindex到标题属性旁边的选项卡元素只是将它添加到它需要li的位置，而不是标签。a

有没有办法定义一个选项卡集并传递一个属性，比如tabindex放在导航（标题）链接上的属性？

我试图在我的控制器中查看由视图中的过滤器生成的集合时遇到问题。

我将过滤后的数据存储在一个变量中：

我想在我的控制器中订阅“filteredCollection”的更改：

我已经设置了这个 JSFiddle来向你展示我的问题：我的 watch 函数永远不会被调用。

有趣的事实是，当我删除<tabset> <tab>HTML 中的所有标签时，它会起作用。我想我搞砸了 $scope，但我不明白为什么。也许标签集创建了一个新的 $scope 孩子或其他东西。

我希望你们能了解这里发生了什么，

干杯

我正在使用基于 Chart.js 的 AngularJS 模块来显示图形。它就像一个魅力，但是当我在 AngularJS 选项卡集中显示图表时，如果它不是第一个选项卡，则该图表不会呈现。

这是JSFiddle。有没有人设法解决这个问题？

谢谢

I'm using Angular-Ui Bootstrap Tabset for AngularJS. I have 8 different tabs and all of them run a function when clicked. The activated tab is defined on the controller based on the object properties. The code is like this:

Everything works fine at beginning but, when I change the location to navigate to another page, all 8 tab functions are called (tabHistorico(), tabPedido(), tabPosse()...)

I'm not calling the functions in any other place, I put the 'html' in every function and them made a console.log('tabHistorico: ' + phrase) on the controller and it gets printted tabHistorico: html. So, I know that all tabs are activated, I can't figure out why...

嗨，我在这里遇到问题，即使在下面的代码中的 if 条件中验证了条件，但相同的代码在选项卡的活动属性中不起作用，我没有得到为什么代码不能在活动中工作的原因，因为代码在 ng 中可以正常工作里面请帮帮我