essa-platform / es-ng-antd

card.html 927 Bytes
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
    </head>
    <body>
        <div ng-app="esNgAntd" ng-controller="mainCtrl">
            <div class="container" style="padding: 50px">
                <antd-card title="提示" extra="{{status}}">
                    <p>I am content.</p>
                </antd-card>
            </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) {
                    $scope.status  = `<span ng-click="onClick()">More</span>`;
                    $scope.onClick = function() {
                        alert("I am onClick");
                    }
                });
        </script>
    </body>
</html>