Javascript 自动关闭后，引导警报对话框不再显示

我正在使用引导警报显示应用程序消息。我使用$timeout函数自动关闭警报

$scope.alerts.push({header: header, msg: message, type: type});
            $timeout(function() {
                $scope.alerts.splice(0, 1);
            }, 3000);

---

首次显示引导警报，并在3秒内自动关闭。之后，它不会显示应用程序中执行的任何操作的错误/信息消息。有什么我需要补充的吗。？我是新手。请帮助。

我想您正在轮询

$timeout

。希望这对你有帮助

在HTML中

<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>

---

当您单击Close时，引导警报将从DOM中删除，如果您希望警报保留在DOM中并重新使用，则需要使用

Close.bs.alert

事件

<div class="alert alert-warning collapse" id="my-alert">
        <a href="#" data-dismiss="alert" class="close">&times;</a>
        <p>My alert.</p>
</div>

var alert = $("#my-alert");    
alert.on("close.bs.alert", function () {
    alert.hide(); //hide the alert
    return false; //don't remove it from DOM
});

我的警觉

var警报=$（“#我的警报”）；
alert.on（“close.bs.alert”），函数（）{
alert.hide（）；//隐藏警报
return false；//不要将其从DOM中删除
});

---

有关详细信息，请访问。

{{alert.header}
{{alert.msg}}这是视图。我试图在控制器中添加autohide（）。问题仍然存在，你能不能把你的代码弄得乱七八糟。

<div class="alert alert-warning collapse" id="my-alert">
        <a href="#" data-dismiss="alert" class="close">&times;</a>
        <p>My alert.</p>
</div>

var alert = $("#my-alert");    
alert.on("close.bs.alert", function () {
    alert.hide(); //hide the alert
    return false; //don't remove it from DOM
});