Angular UI Bootstrap 警报未关闭

Question

我已经复制了 Angular Uis 示例，但它没有关闭。 尽管我的关闭函数正在被调用等，并且还尝试手动将警报设置为 null 并且没有运气。

HTML：

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

JavaScript：

//add
$scope.cantVoteWhenNotLoggedInAlerts.push({
  type: 'warning',
  msg: 'Must be logged in'
});                                

$scope.closeCantVoteWhenNotLoggedInAlert = function (index) {
  $scope.cantVoteWhenNotLoggedInAlerts.splice(index, 1);
};

Answer 1

试试这个方法，效果不错

<alert ng-repeat="alert in cantVoteWhenNotLoggedInAlerts" type="alert.type"
      ng-click="closeCantVoteWhenNotLoggedInAlert(this)">{{ alert.msg }}</alert>


$scope.closeCantVoteWhenNotLoggedInAlert = function (this) {
            $scope.cantVoteWhenNotLoggedInAlerts.splice(this.$index, 1);
        };