dropmenu has no animation #51

Activity

1. 74sharlock commented on Sep 9, 2015

   

   74sharlock

   on Sep 9, 2015

   Author

   More actions

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