Question

我是角色的新手，试图弄清楚引导警报如何以角度

工作

在常规引导程序中，下面的内容会显示警告消息，并在单击X

时关闭

<div class="alert alert-success">
  <a href="#" class="close" data-dismiss="alert">&times;</a>
  <strong>Well Done!</strong> Your action is successful.       
</div>

我看到的所有示例都使用AlertCtrl，需要对警报数组进行编码，并且需要编写一个方法来在单击关闭按钮时拼接数组。

在单页应用程序中，如果我想在用户执行操作时仅显示一条成功警报消息

.directive('myCustomAlert', function(){
  return {
    restrict:'E',
    template:'<alert type="success" close="close">{{model-dynamic-msg}}</alert>',
    controller:'MyCtrl'
}

由于close属性存在，警报显示良好。添加时

<my-custom-alert></my-custom-alert>

但单击x

时无法关闭该消息

这里是plunker：http://plnkr.co/edit/NfEleLc0Q6pzjirb3DCg

我错过了包含任何库。

Answer 1

在您添加脚本标记时添加：

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap.min.js"</script>

更新：

像提到的 @Sunil D。一样。如果使用UI-Bootstrap，则不必创建自己的引导程序警报指令，这是ui项目的目的。如果您查看关于警报的ui-bootstrap文档，您可以看到他们正在使用ng-repeat来呈现警报并通过删除生成的警报的索引来处理删除警报。

Answer 2

它可以像这样简单，没有指令或控制器：

<alert type="danger" close="bCloseAlert=1" ng-hide="bCloseAlert">i'm alert</alert>

ui.bootstrap angular alert close问题

2 个答案: