问题标签 [angular-ui-tabset]

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 回答
493 浏览

javascript - Angular UI 选项卡自定义指令存在模板问题

我在单个文件中有以下代码段,但出现以下错误:

我该如何解决?

谢谢

0 投票
1 回答
873 浏览

css - Angular 和引导 UI 选项卡都变为活动状态以防止默认

我在使用 Angular UI-Tab 时遇到了 CSS 问题。问题是我有一个场景,其中有两个选项卡。我需要根据某些条件防止标签切换。

为此,我使用了防止默认值。因此,当我阻止事件 CSS 显示两个选项卡都处于活动状态时。因为点击刚刚开始,但在途中停止了。

我的 HTML 我们:

deselect()函数是

当我尝试这个时会发生什么

在此处输入图像描述

我需要的

在此处输入图像描述

请让我知道我应该怎么做才能防止这种情况发生。

0 投票
1 回答
3124 浏览

css - 隐藏 UI Angular 选项卡

我正在尝试实现 UI Bootstrap 选项卡,plunker在这里,我想隐藏选项卡,因为我将使用按钮来更改选项卡。

我将这个类添加到我的 CSS 文件中,但它没有应用于选项卡

我的最终目标是隐藏This。我该如何处理?

0 投票
2 回答
2637 浏览

javascript - angular-ui-tabset:更改活动选项卡内容

ui-tab在我的angular应用程序中使用。我有 2 个选项卡(tab1 和 tab2),当 tab2 中有一个按钮时,我想以编程方式将 tab1 设置为活动选项卡。

这是我的html代码:

这是goToTab1()实现:

我的问题:

当我单击按钮(在 tab2 中)时,选择了 tab1,但显示的内容仍然是 tab2 内容。同样,当我点击tab2之后,什么也没有发生,直到我再点击tab1,然后如果我点击tab2,它就可以工作了。

编辑

我已经尝试过该问题的解决方案,但我遇到了同样的问题。另外,当我直接在 中更改活动值时ng-click,它根本没有效果

0 投票
1 回答
371 浏览

angularjs - $location.path() 不工作

我正在尝试在 $interval 内使用 $location.path() 在计时器上自动从选项卡导航到选项卡。

但是,每当我调用 $location.path(x) 时,它只会重新加载我当前的视图。

我的代码如下:

tabsController.js

是的,是的,我知道不建议使用 $rootScope。一旦我 $location.path() 工作,我将对其进行更改。

我试过有没有if (!$scope.$$phase) $scope.$apply()线条。我也试过添加一个电话,$location.replace()但这对我没有任何作用。

每当调用 $location.path() 时,视图部分都会闪烁,但它只是重新加载车辆视图。

在此处输入图像描述

应用程序.js

不知道为什么这不起作用。我已经遵循了我能找到的所有提示,但我仍然得到相同的结果。我很想将 UI-Router 添加到我的应用程序并用状态替换我的路由。

0 投票
0 回答
67 浏览

angular - 是否可以使用使用 ng-bootstrap 选项卡时在 2 个选项卡中

我们希望使用 ng-bootstrap 选项卡实现 2 个选项卡,而不会在切换时破坏内容。我们想使用内部路由。可能吗?我们可以预料到的问题是,一旦我们在另一个选项卡中执行内部路由,URL 就会丢失,并且一旦我们单击上一个选项卡,内部路由中的相关路径就会不匹配。

0 投票
1 回答
170 浏览

angular - ng2-dragula 与 ngb-tabset 不兼容

我正在开发一个系统,我使用 tabset 系统在 SPA 中显示内容。但是在某些页面中,我必须使用 ng2-dragula 来实现拖放系统,如下面的代码所示。

(忽略非结束标签,我没有插入它们以优化阅读,但它们存在于代码中)

我正在经历的问题是,拖动的项目将是不可见的,直到我将鼠标悬停在外部选项卡上,这让我想到 Dragula 不会在同一个视图中渲染两次,或者至少在它被分成“两个”视图时不会渲染。从理论上讲,当我将鼠标悬停在外部选项卡上时,它会呈现当前选项卡(我在其中拖动了一个项目)。

我试过设置<ngb-tabset [destroyOnHide]="true">无济于事。

检查.ts下面的页面。

任何帮助将不胜感激。谢谢你的时间。

0 投票
1 回答
755 浏览

angular - 重置搜索:tabset angular 4 中的分页问题

我有两个选项卡的选项卡式视图。

每个选项卡都有自己的分页表。

我也有这些选项卡顶部的重置按钮。当我点击重置按钮时,我想将页面重置为 page1。但是,它仅适用于第一个选项卡。第二个选项卡什么也不做。

有没有办法获取当前选定选项卡的分页,然后在我单击重置按钮时将其重置为 page1?

截屏

我们正在使用 ngx-bootstrap 的 PaginationComponent。

我觉得代码太长了,太长了,不能在这里发布。我希望我知道如何使用 plunker 和其他类似的东西......对不起。无论如何,这是我的 github 项目,如果它不太难克隆 :) 它位于 Feature/reset 分支中。

https://github.com/RamenSayami/pagination-app

我做了一个 lil 研究,还有一些其他的 paginaiton 实现很安静。但是我们在我们的项目中使用它。所以我想知道更多关于这...

如果还有其他方法可以实现这一点,也请告诉我……如果这不起作用,我们可能不得不考虑改变我们的策略。

0 投票
3 回答
360 浏览

angularjs - 如何将活动选项卡绑定到范围内数组的最后一个元素

我正在尝试将 uib-tabset 设置为数组的最后一个元素。但是,当我这样做时,uib-tabset 会发疯,它会删除它自己的选项卡。我不想拥有活动 uib-tabset 的范围字段,我想使用数组长度来确定哪个选项卡应该处于活动状态。是否可以?

导致意外结果,例如删除自己的选项卡。完整示例:https ://plnkr.co/edit/JJ0k8LtRPXqXKrjEM0bn?p=preview 尝试单击第一个选项卡。

0 投票
4 回答
5233 浏览

angular - 如何在angular7中开发在两个不同组件之间切换的选项卡?

我在 Angular 7 项目中生成了三个不同的组件

现在我想在mycop1组件中开发一个选项卡,如下所示

标签图片

通过单击第一个选项卡,它应该显示 HTML 或呈现来自同一组件的内容。
通过单击第二个选项卡,我需要从 mycomp2 组件(来自不同的组件)呈现内容,
类似地,从需要从 mycomp3 组件呈现的第三个选项卡。请帮助我如何继续执行此操作,
谢谢