2015-02-24 1 views
2

есть способ добавить значок в AngularStrap $alert?

это мой код

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

, но я не знаю, если его есть способ сделать это, или если я должен создать шаблон, в случае, если у меня есть, я бы создать его, как мне это сделать ?

Кажется, что документы не дают полного объяснения шаблонов.

+0

Как это? http://plnkr.co/edit/iWFnx1HtoiRYVj3Oy0NL?p=preview –

+0

Вы меня не поняли, извините. Я хочу сказать, что я хочу добавить значок к самому оповещению, а не к кнопке @camden_kid – NietzscheProgrammer

ответ

0

Создать шаблон с иконкой. Вот пример с шрифтом удивительном значком автомобиля :)

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> 

Угловой ремень по умолчанию находится здесь ->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> 

enter image description here

plnkr ->http://plnkr.co/edit/78EH7NInk6AZuJSCpyfZ?p=preview

Смежные вопросы