angularjs - Angular UI Bootstrap Alert 可关闭问题

Question

我正在使用 Angular UI Bootstrap使用以下代码生成警报框:

<alert data-ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>

它按预期呈现:



我的问题是: 根据变量，是否有某种方法可以使某些通知可关闭，而另一些则不能关闭？

我已经编写了这个模拟代码并希望显示可关闭的 x仅当 closeable是 true .

$scope.alerts = [
    { type: 'danger', closeable: false, msg: 'Oh snap! Change a few things up and try submitting again.' },
    { type: 'success', closeable: true, msg: 'Well done! You successfully read this important alert message.' },
    { type: 'warning', closeable: false, msg: 'Be careful! Something may go wrong here.' },
    { type: 'info', closeable: true, msg: 'Attention! Here is some news for you.' }
];

Answer 1

为你的十字架试一试

<button type="button" class="close" data-dismiss="alert" ng-if="alert.closable">
<span aria-hidden="true">&times;  </span><span class="sr-only">Close</span></button>