问题标签 [angularjs-bootstrap]

我想延迟 AppCtrl 的初始化和任何路由更改，直到“应用程序设置”从服务器到达。

我正在使用 AngularJS-boilerplate，其中包括ui-route和ui-state。到目前为止，我发现的所有解决方案都没有真正推迟 AppCtrl 的启动和路由。

所有的console.log 都会在启动时触发，除了“at resolve”。

Javascript app.js

Javascript foo.js

我正在尝试使用控制器在我的选择菜单上添加数据并使用 ng-options，而我在指令中定义了一个类来将 bootstrap-select 插件插入到元素中。问题是我的控制器中的数据不起作用，它与我的指令有冲突，我什至尝试在我的指令中使用 require 和 controller 方法。

请看一下我的代码：

HTML

我的控制器：

我的指令：

谢谢您的帮助 ：）

这是场景：

我正在使用带有 Angular JS 和 Boostrap UI 的 ASP.NET MVC 站点。我有一个动态 ul 列表，由通过对 AngularJS 的控制器调用馈送的数据填充，通过输入搜索框对该列表进行过滤。该列表还通过分页（UI Bootstrap 控件）进行控制，我已将其设置为每页显示 100 个左右项目列表的 10 个结果。当用户在搜索框中输入时，此列表会被过滤，但是我希望分页也能更新，因此请考虑以下示例：

该列表有 10 页项目（100 个项目），用户在输入搜索框中键入一些文本，将列表过滤到 20 个左右的项目，因此分页应从 10 页更新为两页。

我认为某处必须有一个 $watch 设置，也许在过滤后的列表项上，然后更新分页页数，但是我对 AngularJS 很陌生，所以有人可以向我解释一下如何做到这一点吗？

非常感谢。我在下面发布了我的代码：

我正在尝试向 Angular Bootstrap Typeahead 传递一个承诺，但我总是遇到以下错误：TypeError: Cannot read property 'length' of undefined

工厂：

控制器：

模板：

使用旧版本的 Angular Bootstrap-UI 0.5.0 一切正常。问题在于 Bootstrap-UI 0.6.0 (bootstrap3_bis2)。 https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2

假设已经在 angularjs 中构建了一个简单的前端，需要遵循哪些步骤才能在前端包含 angularjs-bootstrap 并使用相应的指令和 css？

我这里有点咸菜。我必须从网络服务调用中获取我的多级导航菜单。

由于我的导航菜单中可以有无限数量的子菜单，因此我不得不使用递归指令来构建我的父/子导航结构。现在我想弄清楚如何将它变成一个功能性的下拉菜单结构。我正在查看 angularui-bootstrap，它们有一个 Dropdown Toggle，它具有一些基本的 dropmenu 功能，但是由于我使用了递归指令，我的菜单结构已经附加了 angularjs 生成的 css 类。angularjs-bootstrap dropmenu 的 css 类与我的 angularjs 生成的类不同......看哪！

这是作为递归导航菜单的最终输出生成的 html 示例。以这种方式设置所有子菜单的 ng-click 都处于活动状态，并且它们具有与主控制器相同的范围（除了看起来不像下拉菜单之外，一切都很花哨）

这是 angularjs-bootstrap 的 dropmenu 结构的示例

它的 css 类结构与我的非常不同，因此 angularjs-bootstrap 的“下拉菜单”不适用于我的。

有人对我有什么建议吗？请记住，由于我通过 web 服务调用通过 json 获取导航结构，因此我必须使用递归 angularjs 来创建父/子菜单结构。

如果有人对我在此处生成的指令 html 感到困惑，我可以显示我的自定义指令代码，但除非要求简洁，否则不会。我的自定义指令代码仅用于构建导航结构，并保持所有指令范围连接到主控制器的范围（即：单击活动），但它不是样式/滚动活动。

*****更新******** 我创建了一个几乎相同的 plunker 复制。在我的项目中，我从 angularjs 服务获取导航菜单数据，该服务将对我服务器上的 rest webservice 进行 webservice 调用，但我这里没有，所以我只是为我的每个服务手动创建了 json进行 REST Web 服务调用的服务。重要的部分是递归指令。在下方，您将找到指向 plunker 项目的链接。有人可以帮我吗？

Plunker 项目 ------------------------------------------------ -------------

*************新更新********************** Charlietfl 的评论说，我的导航下拉菜单结构中只能有多个 css 类。我正在尝试使用 angularui-bootstrap。我按照说明将其添加到我的项目中，并基于旧的 plunker 项目创建了一个新的 Plunker 项目，但在导航结构中添加了额外的 dropmenu css 类。这是 Plunker 项目： Plunker 项目

导航元素仍然显示在 DOM 中，但它们不可见。我查看了第一个 ul 元素的 css，它是这样的：

它是从官方引导 css 文件中获得的。不确定为什么它不可见。不确定它是否有帮助，但这是 ul 之后的下一个 li 元素的 css

请记住，您必须从我添加 angularui-bootstrap 所需的 css 标签开始到 plunker 页面查看更新的代码。要查看不可见的导航元素，您将需要 Firebug 之类的东西来查看 DOM。

这是我的更新中的一些 html 最终输出（来自 DOM）的示例，以尝试使用 angularui-bootstrap css 类。

我怀疑 angularui-bootstrap 库不工作的原因是因为“recursive-list-item..”元素是“li”元素的子元素，而父元素是“a”元素。我的这个预感正确吗？

我在这里查看$modal 服务。当用户单击删除按钮时，我正在尝试实现确认对话框...

现在我有：

当我尝试单击删除按钮时，$scope.deleteBuild会调用但我收到错误：Argument 'fn' is not a function, got string. 不太清楚发生了什么，因为我还在学习。有关如何纠正此问题的任何指示？

我将我的应用程序升级到了 AngularJS 1.2，因此也切换到了 ui-sortable v 1.2。

排序是为 Accordion-Groups 实现的（来自 ui-bootstrap）。使用可排序的主树版本，我可以在手风琴标题内收听 ng-mouseover/ng-mouseleave，但使用 1.2 版本，只要我没有进行任何排序，mouseevents 只会收听。在对排序顺序进行任何更改后，鼠标事件变得聋......

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

谁能给我一些建议如何解决这个问题？谢谢

我正在使用http://angular-ui.github.io/bootstrap/（版本 .10）。我需要在全日历（http://arshaw.com/fullcalendar/）的事件点击上打开一个简单的模式窗口。

我这样做使用

这是第一次工作，模态打开和关闭都可以。但是，在第二次单击之后，模式不会打开。$modal.open 被触发并且控制台没有显示错误。

如果使用 ng-click 完成相同的练习，则始终有效。这也需要在控制器中编写一个开放函数后。

但是我的目标是使用 $modal.open 从另一个指令调用模式打开。

我错过了什么？

感谢你的帮助。

Plunker 插图在这里

我正在使用来自 Angular Bootstrap 的预输入。他们提供的示例 plunker在这里。如您所见$scope.states，由数组填充：

它看起来像这样：

但是，如果我将 plunker 更改为一个数字数组，就像在这个 plunker 中一样；尽管您可以移动光标，但它会返回以您输入的数字开头的值；您看不到下拉列表中的内容，而且看起来很奇怪：

有没有办法让 typeahead 与整数一起工作？