问题标签 [angular-ui-tabset]

我正在尝试使用 angular ui 创建引导选项卡。但是标签内容不会一次显示一个。并且选项卡之类的按钮不可见。

jsfiddle是@http: //jsfiddle.net/qn8vcjwo/2/

选项卡代码是，

而且，我得到的错误是，

在标签集中时，我遇到了过滤器问题。

这是我想要的html：

如果我将输入框放在选项卡集之外，则过滤器可以正常工作：

在标签集之外工作 - jsfiddle

点击复选框过滤结果正确。

但是将输入放在选项卡集中不起作用，因此 ui-bootstrap 可能存在问题。

有人有什么想法吗？谢谢。

I have been working in angular MVC application containing multitab views. I have a tabset with some templateURL tabs

What I have done for this is like

I have to cache the templates for fast retrieval. Using ng-include and template URL (that is coming from Spring Dispatcher Servlet) in it with $templateCache not working for me.

Please suggest how can I achieve the same.

Thanks in advance.

在 angularjs 项目中，我使用 uib-tabset 指令来显示选项卡。我想显示一个所有选项卡通用的左侧面板。所以我必须在 uib-tabset 指令之前或之后添加一个 div 。

默认情况下，标题部分直接位于选项卡正文的顶部。

在生成的结构中，我想将面板包含在选项卡内（视觉上）：

使用 uib-tabsets，生成的结构是这样的：

使用这种结构，我发现的唯一方法是编辑 css 并使用位置属性（左/上）以移动侧面板顶部的标题，但我发现这样做有风险。另一种方法是在每个选项卡内复制面板代码，但我也觉得这很糟糕。

相反，我想生成它，这样创建 css 会更容易：

有没有一种简单的方法来实现这种行为？

谢谢

在选项卡内使用链接时，我遇到了问题，它改变了视图并替换了选项卡。仅当在选项卡中使用 ng-repeat 而在静态选项卡中不使用时才会出现此问题。

那是主页：

错误是：

错误：[$compile:ctreq] 控制器 'uibTabset'，指令 'uibTab' 需要，找不到！

提前致谢

这太奇怪了……我有一个多选列表。如果我将 ng-model 添加到选择中。选项值显示如下：

如果我删除 ng-model，CompanyName 会正确显示。

这是我的 HTML：

这是我的控制器代码：

};

最令人困惑的是，我在另一个项目中以完全相同的方式使用选择多个列表，但在该项目中，选项值使用 ng-model 正确显示。我只是无法理解这一点。

自从第一次发布这个问题以来，我发现这个问题似乎是由在 Angular ui-tabs 上放置 select 引起的，但它仍然只发生在 IE 中。如果我从选项卡中移动选择并将其放在页面上的某个位置，它会按方面工作，但因此，我需要在选项卡上使用它。

非常感谢任何帮助！

花了一整天的时间才找到这个问题的根源。这与问题“ Adding ng-model to Select multiple Causes Options not display in IE”有关在 Chrome 中工作）。这是我在 IE 中得到的：

这是我的 HTML：

这是完全相同的“选择多个”。 uib-tab 标签之间的一个不能正确显示，但标签之外的一个会按预期显示。

我下载了最新版本的指令，认为这个问题可能已在最新版本中得到修复，但我的问题没有改变。

非常感谢任何帮助！

如果有人对此问题有任何了解，请提供帮助。

我在网站上使用 Inspinia 管理主题。我在其中一个使用 dropzone js 的 ui 引导角度选项卡上。我使用了一个自定义指令，并在我希望成功更新当前选项卡的控制器上。即使角度变量更新正确，我也需要单击选项卡上的某个位置以显示新值。

html

指示

控制器

有什么想法我应该做些什么来解决它？

我有 3 个选项卡：客户、计费和方法。在第一个选项卡上，我有 Bootstrap Typeahead，它连接到客户的 json 文件。第二个选项卡是未结费用的客户帐户的详细视图。最后，第三个选项卡是用信用卡实际向客户收费。此外，我正在使用 UI 路由器在复杂的层次结构中导航。这些选项卡是名为 make-payments 的页面的命名视图，该页面是名为 payment 的父状态的子状态。我正在尝试使用第一个选项卡（客户）中的预输入来选择和查看第二个选项卡（计费）中的客户详细信息。我希望当用户从下拉列表中选择人员时会发生这种情况，他们应该立即导航到下一个选项卡，并且下一个选项卡应该显示该人员的详细信息。

make-payment.html（我的标签）：

customers.html 和 typeahead.js 控制：

app.js（我有 ui-router 的东西）

计费.html

下面是使用 Angular UI-bootstrap 实现选项卡。我想包括一些功能来关闭打开的标签。有没有办法我们可以做到。 https://angular-ui.github.io/bootstrap/#/tabs