angularify / angular-semantic-ui

[WiP] AngularJS native directives for Semantic UI
http://angularify.github.io/angular-semantic-ui
MIT License
383 stars 89 forks source link

dropmenu has no animation #51

Open 74sharlock opened 9 years ago

74sharlock commented 9 years ago

下拉菜单狠好用, 但是却缺少动画。 diretive:dropmenu works well, but has no animation when operate it.

74sharlock commented 9 years ago

ok, i wrote a new dropmenu diretive just now. HTML:

 <select ng-model="newShop.starTime" class="ui selection dropdown" dropmenu>
    <option value="">starTime</option>
    <option value="8:00">8:00</option>
    <option value="8:30">8:30</option>
    <option value="9:00">9:00</option>
    <option value="9:30">9:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
</select>
<select ng-model="newShop.endTime" class="ui selection dropdown" dropmenu>
    <option value="">endTime</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
</select>

JS:

app.directive('dropmenu', function () {
    return {
        restrict: 'A',
        link: function postLink(scope, element, attrs) {
            $(element).dropdown({
                onChange:function(){
                    console.log(scope.newShop);
                }
            });
        }

    };
});