ng-show on AngularJS alert
ng-show on AngularJS alert
我正在尝试使用AngularJS显示一些警报,请参阅 http://angular-ui.github.io/bootstrap/- 警报部分。我想修改示例以仅显示将"show"属性设置为 true 的警报:
$scope.alerts = [
{ type: 'error', msg: 'Oh snap! Change a few things up and try submitting again.', show: true },
{ type: 'success', msg: 'Well done! You successfully read this important alert message.', show: false }
];
在警报标签中,我添加了ng-show="alert.show"
,但似乎它没有显示任何警报。您可以在此处找到代码:http://plnkr.co/edit/Qbv4A9u1SnQeJy9o81lK?p=preview。
我做错了什么?提前感谢!
将ng-repeat
和ng-show
移动到父div。
<div ng-controller="AlertDemoCtrl">
<div ng-repeat="alert in alerts" ng-show="alert.show">
<alert type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
</div>
<button class='btn' ng-click="addAlert()">Add Alert</button>
</div>
ng-show
本身就是一个指令,我怀疑它不能与UI Bootstrap alert
指令一起使用。
改进的普伦克
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- AngularJS:我可以跳过函数参数回调吗
- AngularJS UI路由器不能像ng路由器那样工作
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 如何包含特定于每个视图angularjs的javascript文件
- AngularJS:ng之后,重复$scope值未按预期更新
- AngularJS-在JSON选择器中使用变量名
- $window.ga在AngularJS事件中未定义
- AngularJS-使用'true'属性
- 打开一个模态并将其链接到AngularJS中的指令
- Angularjs代码未在匿名函数中运行
- angularjs+rails应用程序中未显示模板
- angularJS:window.alert仅在方法完成后
- AngularJS and jQuery alert
- AngularJS + Bootstrap dismissable alert
- ng-show on AngularJS alert
- AngularJS Alert服务:淡出ng重复项
- angularjs中的Alert()会产生5条消息而不是1条
- AngularJS$window.alert()和Javascript alert()之间有什么区别
- 使用AngularJS 2和模板的Sweet Alert