ng-show on AngularJS警報

Question

我正在嘗試用AngularJS顯示一些警報，請參閱http://angular-ui.github.io/bootstrap/ - 警報部分。 我想修改的例子，只顯示有一個「秀」屬性設置爲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。

我做錯了什麼？提前致謝！

Answer 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引導alert指令。

Modified Plunker