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

我在Angular Bootstrap UI和ui-router中使用选项卡组件在我的 Angularjs 应用程序中进行路由。

现在我想在更改路线后激活其中一个选项卡。事实上，我有一条搜索路线，我想根据搜索选项更改选项卡（用户可以选择他们想要搜索的位置）。

我在 UI 上有一个非常随机的问题。看起来列定义不时显示。它在 10 次中有 9 次都可以正常工作。

包含两个 gif 动画以显示我的实际意思，因为这将有助于更快地理解问题。

下面的屏幕显示了列定义，一切都是可见的。

但是，第二张图片显示标题列定义不可见

这个问题是一个完全随机的问题，我不明白为什么会发生这样的事情。

官方github存储库上有一个关于ui-grid问题的链接，它描述了我遇到的类似情况：ui-grid 类似问题 我尝试应用一些东西，但它不起作用，例如用

当我使用 ng-include 时标记，但它没有帮助

如果您有类似的问题或您知道如何解决，请提出建议。

代码片段：

有趣的部分是加载 html 内容，并且在第一个选项卡上，ui-grid始终有效，并且当有另一个ui-grid元素时，问题仅存在于第三个选项卡上

相关的 javascript 代码如下所示：

我正在尝试使用选项卡指令内的按钮更改我的活动选项卡uib-tabset，但该按钮仅在此指令之外工作。

我究竟做错了什么？

这是代码：

我已经使用 uib-tabset 实现了选项卡。选项卡对齐存在问题。正如您在下图中看到的，我的“当前”选项卡向左移动，它正在移出卡片，在“当前”和“即将到来”之间留下了不舒服的空间。我希望两个标签都与卡片完美对齐。有什么办法吗？

我尝试过以多种方式更改 CSS（尤其是 .nav-tabs），但没有运气。

HTML：

我的 CSS 的一部分：

我正在使用 ng-bootstrap 作为 angular2 中的 ui-bootstrap 的替代品。

我的html如下：

但是渲染后会抛出以下错误：

我在 ui-bootstrap 选项卡中有两个递归指令。出于性能原因，我只想在相应选项卡处于活动状态时实际加载指令。所以我在指令上使用 ng-if ，如下所示：

现在，如果您转到 Tab 0，您会看到“dave”。然后转到选项卡 1，您会看到“鲍勃”。返回选项卡 0，您仍然可以看到“bob”。如果我删除 ng-if 一切都按预期工作：dave，bob，dave。

我需要能够仅在选项卡处于活动状态时呈现指令。我曾尝试将指令放在一个 div 中，并在其上使用 ng-if，如下所示：

但仍然有同样的问题。

问题的代码

由于某种原因，这给了我一个错误：

我究竟做错了什么？

我在angular js中使用了uib carousel，每5秒播放一次幻灯片视频。对于使用 vlc 插件嵌入视频的使用对象元素。但问题是 uib 轮播具有固定的高度和宽度。我如何改变它并让它响应。

如果我在轮播中使用图像，那么改变它的高度很简单，但是当我使用对象标签时，它不会改变高度。

我是这样用的

谢谢你。

有没有办法检测特定选项卡是否处于活动状态，然后在活动时将 div 隐藏在所有选项卡之外？

Plunker：https ://plnkr.co/edit/b9O9S7JxxgzhQKcKONkn?p=preview

我有一个带有 uib-tabs 的 UI Bootstrap 模式。当我打开模式时，第一个选项卡是“以浏览器为中心”，并被蓝色边框包围，如下所示：

我在用着：

• 角度 1.5.8
• 引导 css 3.3.7
• 用户界面引导 2.2.0

这是一个 plunkr： https ://plnkr.co/edit/HjKjHegAQ1ReY39lSD2V?p=preview

plunkr的js代码：

plunkr的html：

有关如何删除此蓝色边框的任何线索？