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!'})

然而，发帖后，我没有看到任何颜色，只有白色背景的消息。任何想法可能出了什么问题？我正在使用 angular 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

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

Ui-bootstrap alerts do not show any color

twitter-bootstrap

angularjs

angular-ui-bootstrap