JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.no-icons.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css">
<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<div ng-controller="ctrlRead">
    <h1>SUCCESS ALERT</h1>

    <div class="alert alert-success" ng-show="showSuccessAlert">
        <button type="button" class="close" data-ng-click="switchBool('showSuccessAlert')">×</button> <strong>Done!</strong> {{successTextAlert}}</div>
</div>
</div>

JavaScript

var webApp = angular.module('myModule', []);

webApp.controller('ctrlRead', function ($scope) {
    $scope.successTextAlert = "Some content";
    $scope.showSuccessAlert = true;

    // switch flag
    $scope.switchBool = function (value) {
        $scope[value] = !$scope[value];
    };
});