Header
This alert indicates a success!
{{closeMessage}}

    <clr-alert [clrAlertType]="'alert-success'" (clrAlertClosedChange)="onClose()">
        <div class="alert-item">
            <span class="alert-text">
                This alert indicates a success!
            </span>
        </div>
    </clr-alert>
    <div>{{closeMessage}}</div>

    export class AlertAngularDemo  {{'{'}}
        closeMessage: string = "";

        onClose() {{'{'}}
            this.closeMessage = "The alert has been closed";
         {{'}'}}
    {{'}'}}