问题标签 [angularjs-bootstrap]

你如何为 AngularJS 1.3.8 使用多个控制器？

我在下面尝试了以下方法，但只有第一个控制器输出正确，第二个控制器输出{{ name }}和{{ age }}。

HTML：

我正在建立一个电子商务网站。我有一个名为“horizo​​ntalShoppingByCategoriesLayout”的指令，它监视当前的过滤条件（过滤返回的产品），当用户更改这些过滤条件时，指令设置搜索参数 $location.search(..)。

在同一指令上，我的代码设置为监视 url，如果它发生变化（由于过滤条件的变化），则进行搜索以返回产品。

过滤条件在名为“filterCriteriaVarietyCategoriesHorizo​​ntal”的指令中定义，该指令在“horizo​​ntalShoppingByCategoriesLayout”模板中定义。

当用户将鼠标悬停在过滤条件类别按钮上时，这会触发一个角度事件，该事件会导致 Angular-UI Bootstrap 下拉菜单下拉并显示该过滤条件类别的选项。然后，用户可以单击过滤条件选项，“horizo​​ntalShoppingByCategoriesLayout”检测到该选项，然后调用 $location 搜索参数的更改（更改 url 并启动产品的 web 服务调用）。

下拉列表中的过滤条件选项是一组复选框。我的问题是，当用户单击其中一个复选框时，它会导致下拉菜单关闭，这仅在用户将鼠标悬停在启动下拉菜单打开的按钮上时才会发生。我已经解决了单击复选框本身会导致下拉菜单通过在复选框上调用 ng-click="$event.stopPropagation()" 来关闭的问题。这是我的过滤条件类别、下拉列表和复选框的代码。

我确定它正在使用 $location.search(...) 将搜索参数添加到 url，这会导致下拉菜单关闭，因为如果我注释掉将（过滤条件到）搜索参数添加到url 在指令“horizo​​ntalShoppingByCategoriesLayout”中，则下拉菜单不会关闭。

使用下拉菜单中的复选框，我可以通过在 click 事件上调用 stopPropagation() 来阻止下拉菜单关闭，但是对于 $location 搜索参数的更改，我不知道如何为该更改 stopPropogation。

有没有人知道如何在更改 $location.search 参数时导致下拉菜单不关闭？

I have a global module 'app' which include two other modules 'app.core' and 'app.service'. This is basic settings. Inside the two sub module I can access the constant from both two modules. However I cannot access constants declared in 'app' within 'app.core' or 'app.service'.

Also I use angular.bootstrap to delay my initialization because I need to retrieve a config from server. But after receiving the config I do angular.module('app').constant('config', config); So the constant should be well defined..

LAst point, inside the 'app' module config I can access the config constant.

Any idea ?

'app' module constants declaration

'app.core' constants

In 'app.service' I can get core constant

But I cannot retrieve 'app' constant

Will crash

我有一个带有 ASP.NET 应用程序的 iframe，其中包含 UpdatePanel。我开始在应用程序中使用 Angular，但由于 .NET 回发，事情没有奏效。

为了解决这个问题，我使用了这个解决方案：

而且效果很好。

问题是，当我在 ASP.NET 页面中使用另一个 ng-controller 动态加载不同的用户控件时，Angular 会抛出一个错误，指出应用程序已加载：

所以问题是：如何检查应用程序是否已经引导？我可以重新加载这个模块吗？我可以从元素中删除它然后再次引导它吗？

谢谢。

在我的 AngularJS 项目中，我使用正常的选择下拉菜单并使用 ng-change 进行函数调用，这完全可以正常工作。现在我想将相同的下拉列表迁移到 ui-select。但是 on-select 函数调用不起作用，我尝试了不同的方法但没有运气。请找到我的plnkr

以下是我尝试使用 ui-select 的两种方法：

全部，

我需要在 Angular js Bootstrap DatePicker 上实现验证。它适用于以下场景

1. 页面加载时没有验证

2. onChange日期文本框检查空和无效的日期格式

3. 从日期选择器日历中选择有效日期后，它会删除上述场景号中提到的错误消息：2。

4. 在文本框中输入无效日期时，它会抛出“无效日期格式”。

但是对于以下情况，它不起作用。

5. 输入有效日期时仍显示错误消息“日期格式无效”

这是我的代码片段

这是 Example.js

那么问题是如何启用第五种场景？

我正在使用 Angularjs ui 引导日期选择器，但该图标<i class="glyphicon glyphicon-calendar"></i>在 Firefox 中没有正确显示，但该图标在 Chrome 中很好。请参阅随附的 Mozilla 屏幕截图。我该如何解决？

以下是我的jsp代码：

如何在角度引导项目中使用 xeditable 弹出窗口？遵循http://vitalets.github.io/x-editable/docs.html中提到的步骤 它给出了错误：ReferenceError：$未定义

我试图限制 Angular Bootstrap Typeahead 在执行异步调用时返回的结果数量，但它根本不起作用。

我limitTo:3在 Plunker 示例中添加以对其进行测试，但它不起作用，有没有办法做到这一点，或者这是 Typeahead 中的错误？

plnkr

试图了解如何pull-right仅在 angular typeahead 下拉列表中实现该类。

问题：

• 输入位于窗口的 RHS（这是典型的搜索输入框）
• 我的结果比我的输入（和包含的 div）更宽
• 我需要下拉列表的右侧与输入框的右侧对齐，并在左侧延伸过去（下方）输入宽度。
• （下拉菜单只需要移动，其中的文本对齐方式不会改变，并且应该保持与左对齐。即不是这个问题中的 RTL：RTL for angularjs bootstrap's typeahead）

将pull-right类应用于包含 div 似乎不会独立于输入影响下拉菜单。
我不知道还能把它放在哪里？

是否有控制下拉 div 对齐方式的 CSS 方法？

修改了以下Plunker中的文档示例：

• pull-right在包含 div 中包含 类
• 放置在包含 div 以缩小宽度（也许没有必要？）

如果您在 plunker 示例输入框中键入“ ang ”，您将看到结果溢出窗口的右侧。

我查看了以下问题，这些问题似乎对我没有帮助：

• SO issue 22075432 - typeahead-alignment-issue
• github引导问题2045