问题标签 [angular-ui-bootstrap-tab]

我有多个选项卡，每个选项卡里面都有角度 ui-grid。每个网格应显示不同的数据。但是我面临的问题是，在一个选项卡中，数据在页面加载时进入网格，但在另一个选项卡中，ui-grid 本身没有加载。不明白是什么问题。请帮忙。以下是代码示例：

标签的HTML：

控制器部分：

在 UI Bootstrap 中使用<uib-tabset>包含时，指令模板用一个空<div>元素包围生成的无序列表。

这导致我的 CSS 中断，因为 CSS 选择器如下。

当我使用 时<uib-tabset>，不会选择此规则，因为层次结构现在是

我可以避免覆盖我的整个 CSS 库来解决这个添加的问题<div>吗？

更新：

这是我的模板中的 html：

这是生成的 DOM：

我可以class="ng-isolate-scope"通过禁用 debugInfo 来删除它，但它对 CSS 没有影响。

更新 2： 另一种解决方案可能是<div class="tabbable-custom">从我的模板 HTML 中删除，并将该类添加到指令放置的<div>空白处<uib-tabset>。这是 UI Bootstrap 的可能性吗？

我想在使用 UI Bootstrap 插件组件的选项卡选择上打开一个模式，一切似乎都工作，即选项卡打开但是，在选择最后一个选项卡时似乎没有调用模式页面，下面是我的代码：所有控制器功能都是被称为vm

控制器

看法

模态视图

请帮忙？

已解决：我通过将 $uibModal 服务添加到未调用的控制器来简单地解决此问题！

如何使 UI 引导现有选项卡标题部分到移动视图中的下拉列表。

HTML：

CSS：

JS小提琴链接：

UI 选项卡标题 JS Fiddle

目前 UI 选项卡视图更改为移动视图中的垂直线（我如何破解当前 UI 选项卡以使其下拉（仅在移动视图中）

我在我的 angularjs 项目中使用 ui bootstrap 'tabs' 组件。它在一个名为tab.html的文件中定义。定义代码如下：

选项卡在控制器中定义，它们是：

国家的定义是：

单击选项卡时，状态将更改。现在我的问题是，当我第一次加载tab.html时，选项卡 'tab2' 被激活，但 tab2 的内容没有加载

你可以看到如下：

第一次加载tab2内容

我需要点击'tab2'，状态会改变，内容会被加载

你可以看到如下：

点击tab2内容后

那么当我第一次加载tab.html时，有什么方法可以加载 'tab2' 的内容或如何激活 'tab2' 的状态？

我有两个页面，index.html和tabs.html。tabs.html是一个嵌套结构，它有一个 tabs 组件，每个 tab 都绑定到一个状态（tab1，tab2，tab3）。从index.html更改为tabs.html时，状态更改路径为：index -> tabs -> tab1。当您单击其他选项卡时，状态更改路径可能是：index -> tabs -> tab1 -> tab2。现在，如果您单击浏览器的后退按钮，您将只是从tab2返回到tab1，这意味着您仍在tabs.html中。现在我的问题是，有没有什么好的方法可以实现当点击浏览器的后退按钮时，我可以回到index.html而不仅仅是之前的状态？

我目前正在尝试在选项卡块中使用选择元素。

使用 ui.bootstrap.tabs，selecthtml 元素不会在 javascript 端触发模型。你可以在 plunkr 展示我的问题 。 当您更改外部选择元素时，它通常会提醒所选项目 id。但是，选项卡内的第二个选择元素仅提醒第一个选定的项目 id。

有人告诉我这是一个错误还是我的错误？

我正在为angularjs项目使用angular UI Bootstrap 。我有一个带有轮播和标签的页面（两者都在同一页面上）。

问题是选项卡正在相对于轮播幻灯片进行切换，并且每当我单击选项卡时轮播幻灯片都会移动。

如果有任何方法可以防止这种情况，请帮助我。

戳这里

非常感谢你。

看法：

控制器：

我正在尝试将我的 bootstrap-ui 版本从 0.14.x 升级到最新的 1.3.2，我遇到了一些关于 uib-tabset / uib-tab 指令的问题。

我要做的是使用 ng-repeat 动态创建选项卡，并让“活动”选项卡由我的重复模型的表达式或属性处理。

index= " {{item.Id}}"绑定根本不起作用。所以我似乎无法通过表达式设置我的选项卡索引，如果我可以在 ng-repeat 完成后让 uib-tabset 使用 active 属性，这将不是问题。

activeItem 是封闭控制器的 $scope 上的一个属性。

添加此绑定会导致错误：

如果我省略所有内容（uib-tab 上的 index 属性和 uib-tabset 上的 active 属性），它不会引发任何错误，但默认情况下它也不会选择任何选项卡，这意味着我需要单击一个来激活该选项卡。即使文档声明默认值是“默认为第一个选项卡”。

有什么原因 ng-repeat 不再适用于这个指令集？我可能在这里遗漏了一些东西，但我很难过。

谢谢

编辑：这是一个 plunkr 链接，显示我遇到的问题。 https://plnkr.co/edit/DWOILq?p=preview

我必须在 Web 应用程序中使用 ui.bootstrap 做一些选项卡。我想为每个选项卡选择一个模板，但它不起作用。为什么？这是 tabs.html：

“one.html”和“two.html”都在“tabs.html”的同一目录中。PS它没有给我错误，只是它没有向我显示模板