#AngularJs Multiselect Typeahead directive
A simple and easily customizable angularjs directive to a multiselect typeahead input box. No jQuery or AngularUi required!
Download the necessary files as you wish:
- with Bower:
bower install angular-multiselect-typeahead
- Cloning this repository
- AngularJS
- Include the css and the javascript in your app:
<link rel="stylesheet" href="/path/to/angular-multiselect-typeahead.css" />
<script src="/path/to/angular.js"></script>
<script src="/path/to/angular-multiselect-typeahead.js"></script>
- Register the "typeahead" module in your aplication module
app.module('myApp', ['typeahead']) ...
- Add the element in your html:
<typeahead ng-model="select" items="list" displaytag="name" displayitem="name"></typeahead>
Where:
ng-model
is the selected itemsitems
is the typeahead listdisplaytag
is the property that will appear in the tagdisplayitem
is the property that will appear in the typeahead list