alert.html 1.31 KB
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title></title>
    <style>
        .container > div {
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <div ng-app="esNgAntd" ng-controller="mainCtrl">
        <div class="container" style="padding: 50px">
            <es-alert type="info" message="Info Text" show-icon="true"></es-alert>
            <es-alert type="info" message="Info Text"></es-alert>
            <es-alert type="success" message="Success Text" show-icon="true"></es-alert>
            <es-alert type="success" message="Success Text"></es-alert>
            <es-alert type="warning" message="Warning Text" show-icon="true"></es-alert>
            <es-alert type="warning" message="Warning Text"></es-alert>
            <es-alert type="error" message="Error Text" show-icon="true"></es-alert>
            <es-alert type="error" message="Error Text"></es-alert>
            <es-alert type="info" message="Info Text" description="Info Description"></es-alert>
        </div>
    </div>
    <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
    <script src="../dist/ng-antd.js"></script>
    <script>
        angular
            .module("esNgAntd")
            .controller("mainCtrl", function ($scope) {
            });
    </script>
</body>

</html>