ng2-bs-dropdown

v0.7.0
Bootstrap dropdown directive for Angular 2
angular angular2 ng2 components button dropdown

Angular 2 Bootstrap Dropdown

Install:
npm install ng2-bs-dropdown --save
Use:
component.js

import {DROPDOWN_DIRECTIVES} from 'ng2-bs-dropdown';
@Component({
  selector: 'example',
  directives: [DROPDOWN_DIRECTIVES],
  templateUrl: 'has-dropdown.html'
})
export class DropdownDemo { }

has-dropdown.html

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1">
    Dropdown
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

Each dropdown must have a parent element with class dropdown and children elements dropdown-toggle and dropdown-menu.

npm i ng2-bs-dropdown

Metadata

  • MIT
  • Whatever
  • Unknown
  • released 8/10/2016

Downloads

Maintainers