Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wwwmarcos/angular-materializecss-autocomplete
Angular directive to create autocompletes with materialize-css
https://github.com/wwwmarcos/angular-materializecss-autocomplete
angular-directive angularjs auto-complete bower components input-text material-design materializecss npm-package
Last synced: 2 months ago
JSON representation
Angular directive to create autocompletes with materialize-css
- Host: GitHub
- URL: https://github.com/wwwmarcos/angular-materializecss-autocomplete
- Owner: wwwmarcos
- License: mit
- Created: 2016-11-11T01:14:15.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-02-13T11:39:26.000Z (almost 8 years ago)
- Last Synced: 2024-11-18T05:17:49.229Z (3 months ago)
- Topics: angular-directive, angularjs, auto-complete, bower, components, input-text, material-design, materializecss, npm-package
- Language: HTML
- Size: 19.5 KB
- Stars: 5
- Watchers: 4
- Forks: 2
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# angular-materializecss-autocomplete
Angular directive to create autocompletes with [materialize-css](http://materializecss.com/)
# Install
## Bower
`bower install angular-materializecss-autocomplete`
## npm
`npm i angular-materializecss-autocomplete`
Import the file in your index.
```html
```
Declare a dependency on principal module
```javascript
angular.module('myModule', ['angularMaterializeAutoComplete']);
```
# Usage
In your view declare the directive
```html
```
## Options:
| Atributte | Required | Description |
| ------------- | --------- |------------- |
| model `'='` | true | Model of input|
| label `'@'` | true | Label of input|
| func `'&'` | true | Function to return data (promisse or array) |
| iconPrefix `'@'` | false | Incon of input|
| property `'@'` | true | Property of data object display in search|
| onSelect `'&'` | false | A callback executed when a match is selected|
| onModelChanged `'&'`| false | A callback executed on model change|
| validadeObject `'&'`| false | [in progress](https://github.com/marcosflorencio/angular-materializecss-autocomplete/issues/4) |
| limit `'@'` | false | [in progress](https://github.com/marcosflorencio/angular-materializecss-autocomplete/issues/6)|