essa-platform / es-ng-antd

select.html 1.3 KB
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 29 30 31 32 
<!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">
                <es-select style="width: 200px;" value="AAA" on-change="handleChange(value)" placeholder="请选择...">
                    <es-select-option value="{{value}}" ng-repeat="value in options">{{value}}</es-select-option>
                </es-select>

                <es-select style="width: 200px;" size="small" value="AAA" on-change="handleChange(value)" placeholder="请选择...">
                    <es-select-option value="{{value}}" ng-repeat="value in options">{{value}}</es-select-option>
                </es-select>
            </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.options = ["AAA", "BBB"]
                    $scope.handleChange = function(value) {
                        console.log("mainCtrl:value", value)
                    }
                });
        </script>
    </body>
</html>