Angular-Dropdowns Examples

Examples for https://github.com/jseppi/angular-dropdowns

HTML

<link rel="stylesheet" href="https://rawgit.com/jseppi/angular-dropdowns/master/dist/angular-dropdowns.css">
<script src="https://rawgit.com/jseppi/angular-dropdowns/master/dist/angular-dropdowns.js"></script>
<script src="https://rawgit.com/jseppi/angular-dropdowns/master/example/app.js"></script>
<body ng-app="app" style="margin-top:50px;">
  <div ng-controller="AppCtrl">
    <div style="margin:0 auto; text-align:center;">
      <h1>Dropdown Select</h1>
      <p>You have selected: {{ddSelectSelected}}</p>
      <div dropdown-select="ddSelectOptions" dropdown-model="ddSelectSelected"></div>
      <hr/>

      <h1>Dropdown Menu</h1>

      <h2>On a Button</h2>
      <p>You have selected: {{ddMenuSelected}}</p>
      <button dropdown-menu="ddMenuOptions" dropdown-model="ddMenuSelected" class="btn-menu">
                Menu
            </button>

      <h2>On a Div</h2>
      <p>And using a custom label field</p>
      <p>You have selected: {{ddMenuSelected2}}</p>
      <div style="cursor:pointer; width:100px; margin:0 auto;" dropdown-menu="ddMenuOptions2" dropdown-model="ddMenuSelected2" dropdown-item-label='name' class="">
        Menu
      </div>

      <h2>On an Anchor</h2>
      <p>You have selected: {{ddMenuSelected3}}</p>
      <a href='' style="width:100px; margin:0 auto;" dropdown-menu="ddMenuOptions3" dropdown-model="ddMenuSelected3" class="">
                Menu
            </a>
    </div>
  </div>
</body>