问题标签 [angularjs-bootstrap]

我试图将角度小部件添加到现有的非角度应用程序中。问题是这些小部件不是由 Angular 添加的，并且大部分是通过非 Angular 脚本注入到 DOM 中的。

我想到的第一件事是angular.bootstrap用于每个小部件。但是这种方法的问题是我不能在小部件之间共享服务。因此，我不想这样做，而是想引导 Angular 应用程序一次，并为每个小部件手动加载控制器。

这是一个沙盒 jsbin，我一直在尝试但没有成功

我正在尝试app1手动和app2自动制作，同时共享sharedThing服务。

我在 AngularJS SPA 中使用 angular-ui-router 以及 bootstrap tabset 指令。

这是我的示例http://plnkr.co/V0Cs6BfnggXshawMv4LX和重现问题的步骤。

• 在“全屏”中启动 plunker，以便可以轻松地重新加载页面。
• 单击“儿童二”选项卡。
• 浏览器中的 URL 正确显示状态为 /home/child2
• 重新加载页面。
• 浏览器中的 URL 仍然显示状态为 /home/child2

问题是标签集的 UI 现在显示选择了“Child One”标签，即使状态是“home.child2”。是否有自动方式让选项卡显示正确的状态？

我有一个 AngularJS 应用程序（简化为相关部分）如下所示：

该应用程序工作正常。现在，如果在角度引导过程之后，我添加了一个新的 dom 元素，它对应于一个指令，它不会被解释。请注意，“添加”是由非 angularjs JavaScript 代码完成的。

它只是“死”的 div。

JsFiddle 链接：http: //jsfiddle.net/Nn34X/

问题是：如何在应用程序中添加一个新的 DOM 元素并让 AngularJS 知道有一个新元素需要解释（我可以轻松地将 angularjs 准确地指向所有插入的元素）

干杯，并提前感谢！

我正在尝试在我的 Angular 应用程序中创建子模块。我想为我拥有的每个文件（services.js、controllers.js、...）创建一个模块。我遇到的问题是，当我为每个创建一个时，引导停止工作。我有以下内容：

应用程序.js

控制器.js

服务.js

索引.jade

但是当我尝试一个简单的操作时，比如1 + 2 = {{ 1 + 2 }}在我的索引中，我没有得到预期的结果。

难道我做错了什么？

谢谢！

更新Plunker 到项目： http ://plnkr.co/edit/oKB96szQhqwpKQbOGUDw?p=preview

我有一个使用 AngularJS Bootstrap 网格的 AngularJS 项目。我需要所有网格元素具有相同的大小，以便它们正确堆叠。我创建了一个 angularJs 指令，该指令在放置在所述网格元素中时自动调整网格元素的大小。我有 2 条指令为我执行此操作 指令 1：onload 指令 2：imageonload

指令 2 有效。如果网格元素使用图像，则在图像加载后，指令会触发一个事件，将网格元素高度发送到所有其他网格元素。如果通过事件发出的高度大于正在侦听事件的网格元素的高度，则侦听网格元素将其高度更改为更大的高度。这样最大的高度就变成了所有网格元素的高度。

指令 1 不起作用。这个放置在最外层的网格元素 html 元素上，并在元素加载时触发。问题是当元素加载并且调用 onload 指令时，AngularJS 还没有填写所述网格元素中的数据。结果是AngularJS数据绑定后的真实高度没有作为事件广播。

我想到的唯一解决方案（但没有尝试过）是将图像 url 添加到存在但没有任何数据的图像中，并将其放置在网格元素中（没有放置空白之前的任何图像）。然后我可以调用 imageonload 而不是 onload ，我很确定 angularjs 数据绑定到那时就会发生。

问题是这很hacky。我宁愿能够在网格元素中没有图像，并且能够调用我的自定义 onload 指令并让 onload 指令在 angularJS 数据绑定到网格元素中的所有数据绑定变量之后计算高度。

这是我的 imageonload 指令

})

这是我的 onload 指令

})

这是我使用 imageonload 的网格元素之一的示例。请注意图像 html 元素中的 imageonload 指令。这行得通。在网格元素的最外层 html 上还有一个 onload 指令。那是行不通的。我在 Firebug 中仔细检查了这一点，发现 onload 正在计算 AngularJS 数据绑定完成之前的高度。

这是我的一个网格元素之一的 html 示例，它只使用“onload”指令而不是“imageonload”

imageonload 函数可能看起来有点混乱，因为我使用 img html 属性“alt”向指令指示 imageonload 放置在网格元素的最外层 html 下方多少层。我们必须拥有它，这样指令才能知道要在哪个 html 元素上设置新高度。我还使用“title”属性来设置此网格调整大小适用于哪个网格（这样您可以在同一页面上多次使用该指令用于不同的网格，并且不会触发错误网格的事件）。

有谁知道我如何在 angularJS 绑定到网格元素后调用“onload”指令？

为了完整起见，这里有 2 个图像（几乎看起来只有 1 个），第二个是包含具有图像并使用“imageonload”指令的网格元素的网格，第一个是包含不使用图像的网格元素的网格和仅使用“onload”指令。

我有一个服务：

在手动引导我的 Angular 项目之前，我想使用它：

这可能吗？我知道我可以调用 var service = angular.bootstrap().get(); 对于 Angular 提供的服务，但是在模块初始化之前如何调用自定义服务？

我正在使用 angular http://angular-ui.github.io/bootstrap/的引导指令，我基本上有一个模态，其正文内容由

在我指定的控制器中

这里 data.html 有不同网站的 html 内容。模态像我想要的那样工作，并且 Html 内容显示在 modal 中。唯一的问题是网站的 html 内容有一些图像宽度设置为内联，如 600 像素或更多，因此这些图像不包含在 modal 中。它越过了模态框的边界，这使它变脏了。可以改正吗？？请帮忙 ...

我试图用面板隐藏每个手风琴组中的边框，然后是手风琴 .inner 但这些都不起作用。我在哪里可以找到手风琴的类/ID，或者我将如何删除这种风格？

这是我的表格..

这是我用于 Angular Bootstrap 的插件。

第一个文件..

这是第二个文件..

使用第一个文件它返回我......

路径，但不是它的 ID。所以请给我一个解决方案，如何使用它的 id 重定向到页面。

我想知道是否可以在 angularjs bootstrap tabset 选项卡标题中编写 html。我正在尝试在标题中添加一个 svg。我在 plunker 中创建了一个快速片段来尝试演示我遇到的问题。

http://plnkr.co/edit/qFsFGDNUIJj9nIF51ApU

有任何想法吗？

谢谢