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

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1199 浏览

javascript - Angular JS Datatables 行点击事件添加动态 AngularUI 选项卡

我想做一个像标签一样的浏览器,但事件将在一个角度数据表内触发(我使用这个 -角度数据表)。我已经将控制器设置为在每行单击以添加动态选项卡。但遗憾的是,它没有添加标签。我记录了$scope.tabs数组,发现选项卡已添加但不在<uib-tabset>. 请参考下面的截图;

样本

上面的屏幕截图显示了数据表,当我单击突出显示的框(红色)时,它应该在“动态标题 1”选项卡之后添加一个选项卡并将其设置为活动(或当前选择的选项卡)。每次单击一行时,我该如何执行此操作,它会添加一个动态选项卡?

这是我的 angularJS 控制器

控制器.js

这是我的html

主页.html

0 投票
1 回答
1992 浏览

angularjs - Angularjs - 单击按钮时水平滚动

如何在单击时使用左右箭头进行水平滚动。

在这里,我使用示例教程创建了选项卡和按钮。附上链接

请帮我解决这个问题。

0 投票
2 回答
2405 浏览

angularjs - ui-bootstrap 选项卡在使用 ng-show 时显示不正确的选项卡内容

我有标签,其中一些是动态显示的ng-show。问题是如果第一个选项卡没有显示,那么第二个选项卡应该是活动选项卡。但它不是这样工作的。似乎第一个选项卡仍然处于活动状态,导致选项卡 1 的内容位于选项卡 2 中。

在此处输入图像描述

当第一次加载选项卡时,我需要的是以下内容

在此处输入图像描述

在下面的代码中,如果我active="1"为设置ui-tabset,那么它按预期工作

但我不能这样做,因为这需要是动态的。第一个选项卡可能显示也可能不显示。我尝试对active属性使用绑定值(如下面的代码所示),但这不起作用。它仍然与上面的第一张图像具有相同的结果。

我有以下 MCVE (也是Plunker

html

脚本

编辑

选项卡中有错别字content,但并不真正影响问题和结果,因为问题实际上只涉及选项卡 2 的内容,这是正确的。

0 投票
1 回答
551 浏览

css - Angular-ui-bootstrap-tabs 动画过渡进入但不退出

我更新了用户@austin的示例

我在向后转换时遇到问题(即 tab3 到 tab2。forward 似乎工作正常。想知道是否有人能看到我缺少的东西。

http://plnkr.co/edit/UCwylcvBwGh3QmIlSkMQ?p=preview

0 投票
1 回答
1289 浏览

css - ui bootstrap tabs border

I want to remove the side and top borders on active ui bootstrap tabs, and make one fad bottom border. The side and top border is not removed. What am I missing?

0 投票
0 回答
444 浏览

javascript - Angular Bootstrap 选项卡内范围内的 Angular JS 访问表单

我在 Angular JS 1.4.1 原型中有一个表单。当它脏的时候,我有一个班级。我正在尝试模拟某人“保存”表单,因此它不脏,它是“保存”的,因此更改仍然存在,但不再脏。

表单片段:

将表单设置为原始只对我内联有效,而不是在控制器中的函数中。所以这有效:

但不是这个:

我收到运行时错误“未定义对象覆盖表单”。

由于我尚未弄清楚的原因,它适用于这个 codepen,但不适用于我的项目。

更新:

在搜索有关访问包含内容的表单后,我发现了这一点:

并在控制器中分配它:

不确定这是否是最佳做法,但它确实有效。更新了代码笔。

0 投票
1 回答
182 浏览

angularjs - UI Bootstrap:在选项卡更改之前执行特定功能

正如标题中所写,是否可以拦截选项卡更改事件并在此之前执行某些功能?

0 投票
0 回答
143 浏览

javascript - Ui-Bootstrap:错误:[$compile:ctreq]

我在 html 页面的正文中编写了一个标签集。但是,只有一部分显示出来,其他部分显示在标题附近,作为由项目符号表示的列表项。我知道我已经正确安装了所有东西,因为在另一个页面上我有一些非常相似的东西。篡改代码时,我似乎无法弄清楚。在检查元素的控制台日志中,我收到错误“ Error: [$compile:ctreq] http://errors.angularjs.org/1.5.5/$compile/ctreq?p0=tabset&p1=tab”。此外,在检查编译的 html 时,我可以看到两个“缺失”的选项卡是这样的:

这是有问题的代码片段:

编辑:删除 Tab4 时,它可以工作。我分析了Tab4的内容,没有什么不合法的。我还是很困惑。

0 投票
1 回答
758 浏览

angular-ui-bootstrap - 需要将 ui bootstrap 从 0.12.1 迁移/升级到 2.1.1

我需要将 UI Bootstrap 从 0.12.1 升级/迁移到 2.1.1 是否有任何平滑的变化?

0 投票
1 回答
1939 浏览

angularjs - Angular UI-Bootstrap 选项卡:未设置活动选项卡

我有这个 plunkr,它有一个动态添加标签的系统。

当我添加一个新选项卡时,它被设置为活动选项卡。当我添加两个选项卡,单击第一个选项卡并添加一个新选项卡时,问题就出现了。使用此顺序,新插入的选项卡不会设置为活动状态。

这是html代码:

和控制器: