问题标签 [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.
javascript - Angular JS Datatables 行点击事件添加动态 AngularUI 选项卡
我想做一个像标签一样的浏览器,但事件将在一个角度数据表内触发(我使用这个 -角度数据表)。我已经将控制器设置为在每行单击以添加动态选项卡。但遗憾的是,它没有添加标签。我记录了$scope.tabs
数组,发现选项卡已添加但不在<uib-tabset>
. 请参考下面的截图;
上面的屏幕截图显示了数据表,当我单击突出显示的框(红色)时,它应该在“动态标题 1”选项卡之后添加一个选项卡并将其设置为活动(或当前选择的选项卡)。每次单击一行时,我该如何执行此操作,它会添加一个动态选项卡?
这是我的 angularJS 控制器
控制器.js
这是我的html
主页.html
angularjs - ui-bootstrap 选项卡在使用 ng-show 时显示不正确的选项卡内容
我有标签,其中一些是动态显示的ng-show
。问题是如果第一个选项卡没有显示,那么第二个选项卡应该是活动选项卡。但它不是这样工作的。似乎第一个选项卡仍然处于活动状态,导致选项卡 1 的内容位于选项卡 2 中。
当第一次加载选项卡时,我需要的是以下内容
在下面的代码中,如果我active="1"
为设置ui-tabset
,那么它按预期工作
但我不能这样做,因为这需要是动态的。第一个选项卡可能显示也可能不显示。我尝试对active
属性使用绑定值(如下面的代码所示),但这不起作用。它仍然与上面的第一张图像具有相同的结果。
我有以下 MCVE (也是Plunker)
html
脚本
编辑
选项卡中有错别字content
,但并不真正影响问题和结果,因为问题实际上只涉及选项卡 2 的内容,这是正确的。
css - Angular-ui-bootstrap-tabs 动画过渡进入但不退出
我更新了用户@austin的示例
我在向后转换时遇到问题(即 tab3 到 tab2。forward 似乎工作正常。想知道是否有人能看到我缺少的东西。
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?
javascript - Angular Bootstrap 选项卡内范围内的 Angular JS 访问表单
我在 Angular JS 1.4.1 原型中有一个表单。当它脏的时候,我有一个班级。我正在尝试模拟某人“保存”表单,因此它不脏,它是“保存”的,因此更改仍然存在,但不再脏。
表单片段:
将表单设置为原始只对我内联有效,而不是在控制器中的函数中。所以这有效:
但不是这个:
我收到运行时错误“未定义对象覆盖表单”。
由于我尚未弄清楚的原因,它适用于这个 codepen,但不适用于我的项目。
更新:
在搜索有关访问包含内容的表单后,我发现了这一点:
并在控制器中分配它:
不确定这是否是最佳做法,但它确实有效。更新了代码笔。
angularjs - UI Bootstrap:在选项卡更改之前执行特定功能
正如标题中所写,是否可以拦截选项卡更改事件并在此之前执行某些功能?
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的内容,没有什么不合法的。我还是很困惑。
angular-ui-bootstrap - 需要将 ui bootstrap 从 0.12.1 迁移/升级到 2.1.1
我需要将 UI Bootstrap 从 0.12.1 升级/迁移到 2.1.1 是否有任何平滑的变化?
angularjs - Angular UI-Bootstrap 选项卡:未设置活动选项卡
我有这个 plunkr,它有一个动态添加标签的系统。
当我添加一个新选项卡时,它被设置为活动选项卡。当我添加两个选项卡,单击第一个选项卡并添加一个新选项卡时,问题就出现了。使用此顺序,新插入的选项卡不会设置为活动状态。
这是html代码:
和控制器: