Ui-bootstrap警报不显示任何颜色

Question

我有以下ui-bootstrap代码：

<alert close='closeAlert($index)' ng-repeat='alert in alerts' type='alert.type'>
        {{alert.msg}}
    </alert>
--------------------------------------------------------------------------------
 $scope.alerts.push({type: 'info', msg: 'Info received!'})

然而，发布后，我没有看到任何颜色，只有白色背景中的消息。什么想法可能会出错？我正在使用角度1.2.28，bootstrap 3.1.1和ui-bootstrap 0.12.1。

Answer 1

你只需要将类型放在大括号中：

<alert close="closeAlert($index)" ng-repeat="alert in alerts" type="{{alert.type}}">
    {{alert.msg}}
</alert>

https://angular-ui.github.io/bootstrap/#/alert