Javascript 为什么不解除可解除警报？

注意：让我首先说，我知道这一点，但解决方案是不完整的，我还没有足够的声誉在stackoverflow上发表评论。所以，我只能选择创建一个重复的问题

我试图使用angularjs和bootstrap ui bootstrap来显示一个可驳回的警报。然而，即使在包含了最初问题中建议的ui引导tpls-*.js文件解决方案之后，它似乎也不起作用。尽管它可以与jquery一起工作

---

请检查此项

使用本机引导警报和角度ui警报之间存在差异

对于后者，您需要使用指令。下面是他们网站上的一个例子

<div ng-controller="AlertDemoCtrl">
  <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
  <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

---

使用本机引导警报和角度ui警报之间存在差异

对于后者，您需要使用指令。下面是他们网站上的一个例子

<div ng-controller="AlertDemoCtrl">
  <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
  <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

---

您刚刚导入了引导模板，但没有导入angular ui引导javascript。示例的导入应如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-0.11.0.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />

---

查看此处的plunker:

您刚刚导入了引导模板，但没有导入angular ui引导javascript。示例的导入应如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-0.11.0.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />

---

查看此处的plunker:

我找到了一种方法，可以在不向控制器添加额外逻辑的情况下发出可解除警报。我甚至不需要bootstrap-*-js。 基本上，我有一个带有关闭按钮的警报，它使用ng单击$scope变量来隐藏ng show上的父div。控制器将该变量设置为是否应最初显示该警报

<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 warning和close由引导设置样式

---

使用上述解决方案查看此问题。

我找到了一种方法，可以在不向控制器添加额外逻辑的情况下发出可解除警报。我甚至不需要bootstrap-*-js。 基本上，我有一个带有关闭按钮的警报，它使用ng单击$scope变量来隐藏ng show上的父div。控制器将该变量设置为是否应最初显示该警报

<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 warning和close由引导设置样式

---

请使用上述解决方案查看此问题。

我遇到了相同的问题。如果没有减少，我已按此方式导入了所有需要的库

<link rel="stylesheet" href="lib/bootstrap.css">
<script src="lib/bootstrap.min.js"></script>
<script src="lib/jquery-1.12.4.min.js"></script>

但后来我发现库导入的顺序是个问题。在一切正常后，我改变了进口订单，如下所示

<link rel="stylesheet" href="lib/bootstrap.css">
<script src="lib/jquery-1.12.4.min.js"></script>
<script src="lib/bootstrap.min.js"></script>

---

我希望这有帮助。谢谢你

我也遇到了同样的问题，但没有减少我需要的所有库都是这样导入的

<link rel="stylesheet" href="lib/bootstrap.css">
<script src="lib/bootstrap.min.js"></script>
<script src="lib/jquery-1.12.4.min.js"></script>

但后来我发现库导入的顺序是个问题。在一切正常后，我改变了进口订单，如下所示

<link rel="stylesheet" href="lib/bootstrap.css">
<script src="lib/jquery-1.12.4.min.js"></script>
<script src="lib/bootstrap.min.js"></script>

---

我希望这有帮助。谢谢

jquery是引导组件功能所必需的jquery是引导组件功能所必需的我想我不需要更多的js。根据ui引导-[version].js是需要提供模板的未模板版本。ui引导程序tpls-[version].js有特定于引导程序的模板与指令捆绑在一起，因此它应该足够了。我认为我不需要更多的js。根据ui引导-[version].js是需要提供模板的未模板版本。ui引导程序tpls-[version].js具有与指令绑定的特定于引导程序的模板，因此它应该足够了。我希望使用angular ui引导程序只是替换includes的问题：我希望在视图中保留警报，并在控制器中设置一些bool，以更改某些div的类，从而使用css显示或隐藏警报。我希望使用angular ui引导只是替换includes的问题我希望在视图中保持警报，并在控制器中设置一些bool，以更改某些div的类，从而使用css显示或隐藏它。