问题标签 [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 回答
202 浏览

angularjs - 在 uib-tab 的覆盖模板 url 中访问控制器

我正在尝试覆盖uib-tab下面的标题 html,

当页面被渲染时,取值为 forui-srefMyController.overviewStateUrl不是存储在overviewStateUrl属性 of中的真实值MyController。有什么办法吗?

我试图把它放在里面interpolation,但它返回空字符串。这是笨蛋。

0 投票
1 回答
466 浏览

html - ng-Click 影响不同的控制器

我正在使用 angularjs UI bootstrap 来制作标签。我在导航栏中有可以切换到不同选项卡的按钮。带有自己控制器的导航栏嵌套在主控制器内。我也想知道如何在导航栏切换选项卡中制作按钮。

这里有一个 plunk 或者下面有 html 和 js

这是js文件

0 投票
0 回答
152 浏览

angular - 如何在 svg 组件中呈现 svg 图标?

我正在开发一个有角度的应用程序,我在 IcoMoon 中创建了一个带有一堆图标的图标字体,我想在 SVG 组件中呈现这些图标,例如:

我试过这个,但没有奏效:

有任何想法吗?

0 投票
2 回答
1750 浏览

angular - Angular 2 ng-bootstrap,NgbTabset 错误:未捕获(承诺中):TypeError:无法读取未定义的属性“templateRef”

我尝试使用 NgTabset 但我收到此错误TypeError: Cannot read property 'templateRef' of undefined 。当我用模板标签替换ng-template时,一切正常。我做错了什么?这是代码:

0 投票
1 回答
2495 浏览

angular - 在 Angular2 中使用 angular-ui-bootstrap

我正在使用带有打字稿的Angular2。使用 npm 解决依赖关系。

我想在我的应用程序中使用模态对话框。为此,我需要在我的应用程序中包含 angular-ui-bootstrap。我需要在我的应用程序中使用 angular-ui-bootstrap 模态对话框。

0 投票
1 回答
919 浏览

javascript - AngularJS、UI Bootstrap 的选项卡和数据表

我正在使用UI Bootstrap 的选项卡并在每个选项卡中插入数据表,但数据表没有被呈现。

如果我删除uib-tabset并且uib-tab数据表被渲染。

这是html代码

...和js

我应该怎么办?

0 投票
1 回答
1373 浏览

angularjs - 如何使 AngularJS uib-tabset 中的选项卡可链接?

我有类似的东西:

我的控制器识别...#page&tab=second到此处导航(通过查找选项卡名称并获取为活动选项卡设置的索引)。如何公开每个选项卡的 URL,以便用户可以将其添加书签或通过电子邮件发送给某人或其他人?

我可以添加一个ng-click处理程序。我尝试进行该更新,location.href但它刷新了页面。我已经看到了建议history.pushState()history.replaceState()但似乎有同样问题的答案。

我可以设置href选项卡,以便用户可以从选项卡上的上下文菜单中选择“复制链接地址”,但由于选项卡是一个空的锚点,href我担心这会改变行为。(无论如何,我不知道如何设置它href。)

也许我可以在上下文菜单中添加“复制选项卡地址”或其他内容。

我查看了如何更改 uib-tabset 中每个选项卡的路由,但那里的答案没有参考uib-tabset,甚至认为这似乎是问题所要问的。

0 投票
1 回答
4124 浏览

javascript - angularjs uib-tabset 在 ui-bootstrap 2.5.0 下不起作用

为什么这个片段不起作用?通过单击按钮,它应该切换到选定的选项卡。
而这里的这个例子使用不同版本的 angularjs 和 bootstrap 工作:
链接:
angularjs switch tab view using ui.bootstrap

下面这个新版本有什么问题?

但是,相同的 angularjs 版本适用于 ui bootrap ui-bootstrap-tpls-0.14.3.js。这是为什么?

https://jsfiddle.net/234tpk75/2/

0 投票
1 回答
92 浏览

angular - 将表单传递给位于表单之外的指令

我在 Google 上查看了 10 页,但找不到并回答这个问题……所以希望有一个。

我想从表单外部访问一个表单(特别是它的有效性)。我已经看到并实现了 require: '^form' 的使用,当指令在表单内时它非常有用。

更多细节......我正在使用引导选项卡集(具体而言,ui-bootstrap)。这个想法是在选项卡内容面板中的表单有效时更改选项卡标题文本。每个选项卡都有自己的形式。

任何帮助表示赞赏!

谢谢,韦恩

0 投票
2 回答
112 浏览

angularjs - 迭代对象集合时,有没有办法动态分配 ng-controller?

使用 Angular 1.6.6 和 ui-bootstrap 2.5.0

如果操作属性值不为空,我正在尝试使用控制器。

我的每个选项卡的逻辑都非常不同,因此我不想将所有选项卡放在一个控制器中。有没有办法解决这个问题?

行动

];

这是我的标签集

我收到以下错误

名称为“action.controller”的控制器未注册。

花括号没有任何区别。

我也尝试过使用一个函数:

在我的标签集中:

有同样的错误信息

名称为 'getController(action.controller' 的控制器未注册。

迭代对象集合时,有没有办法动态分配 ng-controller?