angularify/angular-semantic-ui

dropmenu has no animation

74sharlock opened this issue · 1 comments

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

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);
                }
            });
        }

    };
});