我正在尝试使用 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
指令一起工作。
关于javascript - AngularJS 警报上的 ng-show,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19405693/