问题标签 [angular-bootstrap]

我正在尝试使用 angular 和 bootstrap 创建一个显示 youtube 视频的模态窗口。当我对 youtube URL 进行硬编码时，按照angular bootstrap 页面上的模态示例运行良好。但是，当我在选择视频时尝试使用其中的 URL 创建一个变量时，我似乎无法在模态窗口的实例中保留该变量的声明/更改。

这是一个 plunker 在 Angular 站点的模态示例中演示我的问题：http ://plnkr.co/edit/n1vfSJUhcJWjNlfVrpxA?p=preview

启动模态窗口的按钮在单击时会调用两个函数：open()和 my testFunction().

这testFunction只是为变量分配一个新值$scope：

如何<p>{{testFromFunction}}</p>进入模态窗口以在模态窗口中反映此变量分配？（应该说“嘿，这是一个在那个函数中改变的测试！”，而不是“仍然没有改变”）

我的实际应用程序中的testFunction等效功能采用$index并使用它来创建正确的 youtube URL。我需要动态创建单个 youtube 链接，并且不能将它们硬编码到 html/js 中。

非常感谢您的宝贵时间。如果您需要更多信息或有任何不清楚的地方，请告诉我。

我正在使用角度引导时间选择器，但我似乎无法更改字体大小，这会截断如下一些文本：

HTML：

如果我在浏览器中检查元素，我可以将 .form-control 字体大小更改为 12px，它看起来很好。

无论如何我可以覆盖时间选择器控件中的字体大小吗？

我试过做

作为输入组中的另一个类，但它看起来像这样：

我的代码如下所示：

此代码创建默认选项卡集，如下 plunker 代码所示：

http://plnkr.co/edit/?p=preview&s=gYWtjBltWXYqhczs

我希望我的标签集看起来像这张图片中的标签标题在底部。

请指导我如何实现这一目标？

我有一个手风琴（角度引导），它有 3 个组。在第二组中，有一个验证良好的表单（必填字段和电子邮件字段）。

在第三组中，有一个从表单数据构建的摘要。或者，当表单上的某些内容无效时，必须有额外的错误消息。

由于指令结构，每个手风琴组都有自己的隔离范围。如何在不同的手风琴组之间（甚至在手风琴之外）共享 form.$valid（或其他属性）。

这是我的 html（缩短）：

我已经编写了一个代码来登录并在模式窗口中注册。在模态中，我有一个 ui-view 可以从一个切换到另一个（名为 authenticate.html 的文件）：

在我的 routes.js 中，我将状态“模态”作为抽象，其中调用了 authenticate.html 和控制器。我还有 2 个子状态（登录和注册）并将它们绑定到它们的父状态（“模态”状态）：

我的问题是我不知道如何调用模态并获取调用者状态。例如：如果我处于“home”状态并调用模态框，我希望在关闭它时能够返回“home”。如果我从不同的状态调用它也是一样的，我希望能够在关闭模式时返回上一步。将父级赋予状态的唯一方法是硬编码吗？或者它可以是一个变量？谢谢你

试图做这样的事情

它为粘性标题解决方案创建了我的标题的克隆，但随后我注意到标题中的链接上的指令，即打开/关闭弹出菜单的帮助链接不再有效。

即在我的标题中我有这个

我在下拉切换上有一个点击事件，它不再在复制的标题上触发。

有任何想法吗 ？

我正在使用angular-bootstrap-lightbox并想在图像更改时添加一个回调函数。

具体来说，在移动视图上，当用户向右或向左滑动时，我想获取图像 id 以及滑动的方向。

此代码可以很好地初始化灯箱：

如何在上面添加回调函数以注册图像更改事件？

谢谢！

我想在我的一个控制器中显示一个模态，并让该模态与该控制器共享相同的范围，以便它可以修改该原始范围的数据。我试着做这样的事情：

但是当我从模式中绑定到该范围的属性时，它们不会改变。它可以读取它们。我不想使用结果承诺。

您好，我在创建基于 angular-bootstrap 模态指令的通用确认指令时正在苦苦挣扎。

我找不到将我的内容嵌入用于模态构造的 ng-template 的方法，因为该指令没有被评估，因为它是执行时之后加载ng-transclude的一部分：ng-template$modal.open()

index.html（指令插入）：

confirmPopup.html（指令模板）：

confirmPopup.js（指令 JS）：

如果还不够清楚，请在我等待查看“”的地方查看此PLUNKERAre you sure ? (modal #2) ，仅在单击“ open confirm modal #2”按钮时查看。

我正在尝试使用 Bootstrap、Angular 和Angular Bootstrap在 HTML 表单中实现工具提示或弹出框。

工具提示和弹出框在桌面和 iPad 上都可以正常工作。但是当宽度低于 768 px 时，tooltip/popover 的正确位置不再是一个好的解决方案。

如何以更具响应性的方式解决这个问题？

请看这个 Plunker： http ://plnkr.co/edit/r7CF7TCIDP592BYegeE5?p=preview