AngularJS 警报上的 ng-show答案

【问题标题】：ng-show on AngularJS alertAngularJS 警报上的 ng-show
【发布时间】：2013-10-24 16:50:42
【问题描述】：

我正在尝试使用 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。

我做错了什么？提前致谢！

【问题讨论】：

标签： javascript twitter-bootstrap angularjs

【解决方案1】：

将 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 指令一起使用。

Modified Plunker

【讨论】：

太棒了。有同样的问题，想知道为什么它不起作用。