AngularJs UI Bootstrap 在为包含“下拉菜单”类的 ui 元素添加 ng-if 条件时错误计算了下拉菜单的位置。

AngularJs UI Bootstrap 版本 - 0.3.13 AngularJs 版本 - 1.3.17

这是一个重新生成问题的 plunker - http://next.plnkr.co/edit/sSXH5KeMQymaFNpG

期待 ui-bootstrap 的一些解决方案

我找不到答案，所以我在这里提出来。

如果我使用它是否会对资源或性能产生影响

代替

如果我使用第一个选项，我知道 Angular2+ 有一个优势，但这也适用于 AngularJs 吗？{{::isAllowed}}我可以在表达式指南中找到一次绑定，但我认为这在这种情况下不起作用。

我还发现 ng-if 的绑定使它成为观察者，这归结为$scope.$watch函数。但这并不能解决问题。

有人对这个话题有更深入的了解吗？

我创建了一个 mat-dialog 组件来触发 http 响应。当我在 mat-dialog 的 html 中包含 ngIf 语句时，它不会被处理。在控制台上，它显示如下警告。

无法绑定到“ngIf”，因为它不是“div”的已知属性。

NgIf 在项目中的所有其他组件中都可以正常工作。

在打字稿文件中调用 mat-dialog。

html代码

为什么 ng-if 在 mat-dialog 中不起作用？

我正在维护一段时间前编写的代码，我没有使用 AngularJS 的经验。我必须在触发 HTTP 请求时打开微调器，并在收到 HTTP 响应时关闭它。

微调器由 ang-if和$scope.authenticating变量控制。

目前，当页面加载时，微调器被打开（根据$scope.authenticating === false.

用户切换开关并正确触发 HTTP，$scope.authenticating设置为true并且微调器正确显示。

当 HTTP 响应返回时，控制台日志显示响应的内容，一切正常，然后$scope.authenticating设置为false，但是：微调器仍然存在并且不会消失。

任何帮助表示赞赏。

接下来，代码。

控制器：

相关的 HTML 代码：

我正在研究 AngularJS 项目。这是一家商店，旁边有一个搜索栏和个人资料、购物车图标。

当我单击搜索栏时，它会向右延伸并覆盖右侧的图标。当它发生时，购物车中的商品数量仍然可见。

当搜索栏“活动”时，我需要使购物车元素中的项目数消失。你能给我一些关于我如何做到这一点的建议吗？我已经阅读过hasElement()，但这似乎不是一个解决方案。

编码：

HTML

CSS

ng-if我会使用类似的东西ch-shopping-cart-counter。如果#ch-search-box-wrap:active然后不显示。如果未激活，则显示。

谢谢！

每当我得到搜索结果时，我都会尝试呈现指令。algoliaSearch我的计划是最初保留一个范围变量false，每当我返回搜索结果时，我将其更改为true. 然后在我看来，我尝试根据变量的值来呈现指令。

在我看来，当我得到搜索结果时，我想呈现指令

但这似乎不起作用。它不会在搜索时呈现任何内容，甚至console.log($scope.algoliaSearch)不会在控制台上打印任何内容。但是，如果我使用喜欢

或者

然后它渲染和console.log工作，但这不是我想要的方式。
我的问题是为什么它不根据我的范围变量有条件地呈现指令。一旦我得到搜索结果，我想让它有条件地呈现。
任何帮助深表感谢。

我有一个指令，它可以正常工作，当我输入某些内容时，search()指令中的作用域函数会触发并$scope.query使用输入文本进行设置。

这是指令模板

这是触发的范围函数

但是当我使用ng-if="true"模板的第一行（true仅用于泛化，我想在内部进行不同的条件检查ng-if）时，

仍然search会被触发，但console.log总是给出 0 并且它似乎没有更新$scope.query值，因为它在$scope.query = '' 整个输入过程中都保持不变。

编辑 这是一个具有几乎相似行为的示例代码笔。问题出在searchBox指令上，我已添加ng-if=true到模板中，但搜索不起作用。当我删除ng-if搜索工作正常。

这有什么原因吗？