如何将图标附加到AngularStrap $警报？

Question

有没有办法将图标附加到AngularStrap $alert？

这是我的代码

    noLinesAlert = $alert({
      container: '.no-lines-alert',
      content: 'no lines at this moment :(',
      dismissable: false,
      show: false,
      title: 'Sorry,',
      type: 'danger'
    })

但是我不知道它是否有办法做到这一点，或者如果我必须创建一个模板，如果我有我必须创建它，我该怎么办？

似乎文档没有提供模板的完整说明。

Answer 1

使用图标创建模板。这是一个使用字体真棒汽车图标的示例：）

alert.template.html：

<div class="alert" ng-class="[type ? 'alert-' + type : null]" style="width:90%;">
  <button type="button" class="close" ng-if="dismissable" ng-click="$hide()">&times;</button>
  <i class="fa fa-automobile"></i>
  <strong ng-bind="title"></strong>&nbsp;<span ng-bind-html="content"></span>
</div>

此处可找到角带默认警报模板 - ＆gt;的 https://github.com/mgcrea/angular-strap/blob/master/src/alert/alert.tpl.html 即可。同意这应该记录得更好。

标记设置template到alert.template.html：

<button class="btn btn-lg btn-danger" data-template="alert.template.html" data-animation="am-fade-and-slide-top" bs-alert="noLinesAlert" data-container=".no-lines-alert">
    alert with icon
</button>

plnkr - ＆gt;的 http://plnkr.co/edit/78EH7NInk6AZuJSCpyfZ?p=preview