Как создать загрузочное выпадающее меню без JQuery

Question

я хочу создать загрузочное выпадающее меню без использования JQuery

<div class="dropdown"> 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> 
      Dropdown 
      <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu"> 
      <li><a href="#">HTML</a></li> 
      <li><a href="#">CSS</a></li> 
      <li><a href="#">JavaScript</a></li> 
     </ul> 
    </div> 

, пожалуйста, помогите, как сделать это

Answer 1

Rememebr добавления UI-самозагрузками директивы angular.module

HTML код

<ul uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-body"> 
    <li role="menuitem"><a href="#">Action</a></li> 
    <li role="menuitem"><a href="#">Another action</a></li> 
    <li role="menuitem"><a href="#">Something else here</a></li> 
    <li class="divider"></li> 
    <li role="menuitem"><a href="#">Separated link</a></li> 
    </ul> 

Js Код

angular.module('ui.bootstrap.demo').controller('DropdownCtrl', function ($scope, $log) { 
    $scope.items = [ 
     'The first choice!', 
     'And another choice for you.', 
     'but wait! A third!' 
    ]; 

    $scope.status = { 
     isopen: false 
        }; 

     $scope.toggled = function(open) { 
     $log.log('Dropdown is now: ', open); 
     }; 

    $scope.toggleDropdown = function($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    $scope.status.isopen = !$scope.status.isopen; 
    }; 

    $scope.appendToEl = angular.element(document.querySelector('#dropdown-long- content')); 
    });