问题标签 [angularjs-bootstrap]

我是 bootstrap 和 angularJS 的新手。但我正在构建页面，其中顶部和左侧页面将是静态的，不会移动。我使用<nav class="navbar navbar-default navbar-fixed-top从引导程序到标题并position: fixed在页面的左侧部分保留静态。
问题是导航栏是动态创建的，高度取决于数据库中的数据（这些是过滤器），所以结果我有我的标题，并且在内容中有些数据不可见，因为导航栏覆盖了它。它是如何解决的？也许导航栏不是好方法。

我正在尝试使用 Angular Bootstrap 仅显示几个选项卡，但我看不到任何显示的内容。我所看到的只是一张空白的白页。

我哪里错了？

html-

app.js：我的控制器在这里

我确保我正确加载了所有脚本。但是为什么不显示选项卡？我哪里做错了？

任何帮助，将不胜感激。提前致谢！

编辑： 我的浏览器中的控制台显示：

编辑 2： 我现在包含 <script src="ui-bootstrap-tpls-0.13.1.js"></script>在我的代码中。所有的错误都消失了。

这就是显示的内容。

这是预期的结果。

我想自动定位我的工具提示，就像我在浏览器滚动条的顶部一样，并且第一行有一个带有工具提示的链接，那么工具提示必须显示在底部中间。

有没有办法只使用angularjs？

我正在使用 angular-ui-bootstrap

我在用bootstrapDualListbox

JS

HTML

<select multiple="multiple" size="10" name="duallistbox_demo1[]" ng-model="selectedStaff"><option ng-repeat="staff in staffs" value="{{staff.userId}}">{{staff.firstName}} {{staff.lastName}}</option> </select>

如果我将选项用作不同的值（不是来自 ngRepeat），则交换很好。如果我从 ng-repeat 中使用，则在选择时所有值都在交换而不是被选中。我如何解决这个问题？

我在脚本中手动将上面的 html 代码转换成角度。

我想知道以下两种方式初始化控制器的区别、优点和缺点。

型号 1：

型号2：

上述两种模型的工作原理相同。控制器何时实际创建。当范围为控制器创建时。请分享您的意见。

我的应用程序中有多个选项卡（即，我使用 ngRoute 导航到不同的选项卡），在其中一个选项卡中，我使用了 Angular UI datepicker

当我点击上面的输入框时，我可以看到通常的 Angular UI 引导日历弹出窗口，我可以选择日期。

从 datepicker 中选择日期后，我会以 'dd/mm/yyyy' 格式获取日期，并在 View 中显示该日期。

然后我导航到其他选项卡并返回到我的原始选项卡，然后显示的日期输入框类似于“Wed Aug 05 2015 00:00:00 GMT+0530 (India Standard Time)”而不是之前的 dd/MM/yyyy格式

我的代码有什么问题吗？请指导我完成。提前致谢 ！

我有一个部分页面，其中有angular-ui 轮播。该指令附加了一个模板网址：

幻灯片是在这样的模块中设置的：

slides/slideImg 至少在主要部分中设置正确，因为图像正在显示，但缩略图没有显示，我认为应该在 carousel-tmpl.html 部分中设置。我得到的是一个图像，人字形指向左右滚动和指向图片顶部的小绿色小盒子，它们是li元素，没有图片。

我有这个在plunker工作，但我似乎无法让它在真实代码中工作。

任何帮助都是极好的。

I want to inject the same variables with different values multiples times to the same controller. This is what I tried. What is a way to get different values in each call?

HTML

JavaScript code

是否有 uib-tab 指令的回调函数可用于在呈现选项卡后刷新内部指令？

我试图找到第三方指令问题的根源，当我在 angular-bootstrap 提供的 uib-tab 指令中使用该指令时出现该指令。第三方指令是angular-multi-slider并且该问题首先在该存储库中报告。

plnkr 中有一个用例。单击第二个选项卡，您将看到内部滑块的所有手柄都位于其他手柄之上（即，宽度 = 0px）。然后单击其中一个手柄，它将正确显示。即使按照您在常见问题解答中关于范围的建议，该问题仍然存在。

角应用

索引.html

CSS

Multislider.js

注意： 我使用的 AngularJS 版本是 1.4.7。angular-bootstrap 的版本是 0.14.3。angular-multi-slider的版本是 0.1.1

我正在尝试在后台门户中使用 Angularjs ui boostrap 的 datepicker，但它不起作用。相同的代码在后台门户之外工作。我的 HTML 代码

我的 JS 代码：

我在我的 html 中包含了 boostrap.min.css，并且我在启动板支持文件夹中有 angular-ui-bootstrap js。谁能解释一下如何在 Backbase 门户中使用 angularjs ui boostrap 组件？提前致谢。