我有一个非常简单的按钮,用于测试错误消息,但在AngularJS中打开它(使用no-show) - 所有类都用于bootstrap和animate.css
<div class="alert alert-danger alert-dismissible bounceInUp animated" role="alert" ng-show="isErrorOn">
<button type="button" class="close" data-dismiss="alert" ng-click="toggleError()"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<a class="btn btn-warning" ng-click="toggleError()">Test Error Message</a>
在主控制器中有以下变量和说明:
$scope.isErrorOn = false;
$scope.toggleError = function() {
if( $scope.isErrorOn === true ) {
$scope.isErrorOn = false;
} else {
$scope.isErrorOn = true;
}
};
行为如下:打开页面时,错误不存在。按下“测试错误消息”按钮时,将显示错误。再次按它,错误就会消失,无限。但是,如果您打开错误然后使用错误自己的关闭按钮使其消失,则“测试错误消息”按钮将停止运行。这是因为已创建了$scope.isErrorOn
的两个副本,还是我错过了其他内容?