2013-10-16 42 views
1

我正在嘗試用AngularJS顯示一些警報,請參閱http://angular-ui.github.io/bootstrap/ - 警報部分。 我想修改的例子,只顯示有一個「秀」屬性設置爲true警報:ng-show on AngularJS警報

$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

我做錯了什麼?提前致謝!

回答

4

ng-repeatng-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

+0

太好了。有同樣的問題,並想知道爲什麼它沒有工作。 – zszep