AngularJS MessageService messages.tpl.html Usage Example 1

gistfile1.html

<div data-ng-if="messages.infoMessage" class="alert alert-info">
    <h3>Info</h3>
    <p>{{messages.infoMessage}}</p>
</div>

<div data-ng-if="messages.warnMessage" class="alert alert-warning">
    <h3>Warning</h3>
    <p>{{messages.warnMessage}}</p>
</div>

<div data-ng-if="messages.successMessage" class="alert alert-success">
    <h3>Success</h3>
    <p>{{messages.successMessage}}</p>
</div>

<div data-ng-if="messages.errorMessage" class="alert alert-danger">
    <h3>Error</h3>
    <p>{{messages.errorMessage}}</p>
</div>