问题标签 [angular-ui-bootstrap]

在angular-ui v0.3我使用了带有通用页脚的旧 tabs 指令，就像这个例子一样。http://plnkr.co/edit/5K1xIf

现在我想升级到0.4，但它有新版本的选项卡，其中内容嵌入到navbar并且公共页脚成为页眉。

如何更改我的代码以使选项卡可以像以前一样工作？

我正在使用 AngularJS + UI Bootstrap提供的“模态”指令。模式对话框效果很好，但我有一个问题：URL 没有改变。

例如，我的 AngularJS 应用程序为“/people”设置了一个路由，它显示了一个人员列表。当用户点击一个人时，会出现一个模式对话框并显示详细信息。我试图弄清楚如何在不实际导致 $routeProvider 重新执行控制器的情况下修改 URL。

例如，我的路线中可能有这样的东西：

然后在我的 PeopleCtrl 我可以这样做：

这基本上调用了我用 ng-click 在行上绑定的相同函数。这适用于允许我的应用程序响应 /people/123 之类的 URL，但我不知道如何让 URL 从 /people 跳转到 /people/123，然后作为模态返回 /people对话框打开和关闭。

显然，我可以只调用 $location.path("/people") 但问题是 PeopleCtrl 被重新执行，我想避免这种情况，因为应该保留模态“背后”的状态。

换句话说：我正在寻找一种方法来更改 URL/位置，而不会检测到正常的 $routeProvider 更改。

谢谢！

如何在 angular-ui 引导警报中包含链接？

试图：

Plunker 示例

HTML

脚本

我正在尝试使用 ui-bootstrap 模态创建一个可重用的指令。

它几乎可以工作，除了选项

这是指令：

})

和 tplModal.html

尽管有scope.opts，但没有淡入淡出效果。

这是整个代码： http ://plnkr.co/edit/Ab4BOH?p=preview

我究竟做错了什么 ？

我正在尝试为 ui bootstrap datepicker 设置默认日期。日期来自 json，采用 Unix 时间戳格式。

在指令中，我正在尝试转换日期并将其绑定到 ng 模型

但它给出了一个javascript错误：

这是一个plunker：http ://plnkr.co/edit/a9gfH8?p=preview

我究竟做错了什么 ？

有没有办法使用 AngularJS/Angular-UI 在输入控件中设置焦点？

我看到 Angular-UI 有一些 Jq-UI=focus 指令，但我无法让它工作。

我有几个使用 Angular-UI $dialog 服务显示的对话框，并且真的希望每个对话框的第一个输入在显示后获得焦点

我有angular带ui-bootsrap模块的应用程序。我正在尝试使用ui.bootstrap.collapse元素。

我的控制器：

和模板：

但是当我点击时logger_button，没有任何动作，div不会崩溃吗？

如何正确执行？

UPD。找到解决方案。问题出在<i class="icon-file"></i></div>.

谢谢你。

据我所知，在 AngularJS 中处理对话框中的输入键的推荐方法是在对话框中放置一个 <form> 标记和一个提交按钮。

很公平，但是如果你使用 Angular-UI 和他们的 $dialog 服务，当按下回车键时表单会简单地关闭。没有办法拦截。即使您将处理程序附加到 ng-click 或 ng-submit，表单也只会关闭而不会返回任何结果。

还有什么我需要做的吗

[编辑]

解决了它，我必须明确指定我的“取消”按钮是“按钮”类型。似乎默认为“提交”？

所以除了我的 html 表单技能之外没有真正的问题:)

我想创建可关闭的选项卡（如 chrome 选项卡或 firefox 选项卡，每个选项卡上都有一个小“x”）。如何在 UI-Bootstrap 中配置现成的 tab 组件来添加这个功能？

谢谢。

我正在进入 Angular 并发现了它的几个很好的用途。我使用 Angular UI-Router 为客户端构建了自定义导航。这非常简单，但我想知道是否有一种“更清洁”的简化方式来做到这一点。

这是我目前正在使用的代码：

这仅适用于嵌套导航的一个级别。如果我在每个级别中有多个链接或项目，这将是一段冗长而混乱的代码。有没有更简洁、更简单的编码方式，这样我就没有所有页面的超长列表以及它们的去向？

我可以这样做，我只是认为必须有一种更好，更清洁的方法来做到这一点。