AngularJS UI.Bootstrap警报文本不显示和关闭按钮没有响应

Question

我正在尝试按照文档中的example显示Bootstrap警报。这是我的HTML：

<div class='container'>
  <div ng-init="alerts=[{type: 'danger', msg: 'Test'}, {type: 'success', msg: 'Another'}]">
    <alert close='closeAlert($index)' ng-repeat='alert in alerts' type='alert.type'></alert>

这就是结果：

文本未显示，单击x不会删除警报。我没有看到任何Javascript错误。我可以使用其他ui.bootstrap组件，例如日期选择器和模态。

我正在使用AngularJS 1.2.13和ui.bootstrap 0.10.0。

Answer 1

由于您提供的代码中<alert></alert>元素的内容为空，因此未显示文字。我猜你想写：

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

然后，关闭＆＃34;不工作＆＃34;我怀疑有一些范围问题，但要确认我们需要看到closeAlert函数的实现。您在哪里/如何定义它？