gpt4 book ai didi

javascript - 警报中的关闭按钮未显示

转载 作者:行者123 更新时间:2023-11-30 10:10:21 26 4
gpt4 key购买 nike

我有以下内容:

标记:

angular.module('web').controller('AppController', function($scope) {
$scope.alerts = [];
$scope.alerts.push({
type: 'danger',
msg: 'I am an error'
});
$scope.alerts.push({
type: 'danger',
msg: 'I am an error'
});
});
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.2/ui-bootstrap-tpls.js"></script>
<html>

<body ng-app="web">
<div ng-controller="AppController">
<alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
</div>
</body>

</html>

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

Controller :

$scope.closeAlert = function (index) {
$scope.alerts.splice(index, 1);
};

function addError(error) {
$scope.alerts.push({ type: 'danger', msg: error.data });
}

但是没有显示关闭按钮:

enter image description here

谁能帮我显示关闭按钮?

我正在使用 Grunt 和 bower 创建项目的脚手架。

最佳答案

虽然这可能不是问题的解决方案,但我发现,使用 ng-bind 和一个可关闭的警报也会删除关闭按钮(因为 ng-bind 控制元素的全部内容)。

因此,您应该始终使用 {{ alert.message }} 符号来显示警报内容。

关于javascript - 警报中的关闭按钮未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26999052/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com