javascript - 为什么不解除可解除警报？

Question

注意:首先让我说我知道这个 question但解决方案不完整，我在 stackoverflow 上还没有足够的声誉来评论它。因此，我只剩下创建重复问题的唯一选择。

我正在尝试使用 angularjs 和 bootstrap (ui-bootstrap) 来显示可忽略的警报。但是，即使包含 ui-bootstrap-tpls-*.js 文件(在原始问题上建议的解决方案)，它似乎也不起作用。虽然它确实适用于 jquery。

请检查这个plunker

Answer 1

我找到了一种无需向 Controller 添加额外逻辑即可关闭警报的方法。我什至不需要 bootstrap-*-js。基本上我有一个带有关闭按钮的警报，该按钮使用 $scope 变量上的 ng-click 来隐藏 ng-show 上的父 div。 ( Controller 将该变量设置为是否应在最初显示该警报。)

<div class="alert alert-warning" ng-show="show_alert">
  <button type="button" class="close" ng-click="show_alert=false">&times;</button>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

CSS 类 alert alert-warning 和 close 由 Bootstrap 设置样式。

看看这个 plunker使用上述解决方案。