MacGyver provides a set of reusable components for AngularJS, for example:
- autocomplete
- tooltips
- menus
- and more...
How to setup MacGyver
Install it via bower:$ bower install angular-macgyver --saveAdd css:
<link rel="stylesheet" href="bower_components/MacGyver/lib/macgyver.css">Load macgyver.js
<script src="bower_components/MacGyver/lib/macgyver.js"></script>Just include Mac as a dependency:
angular.module(‘myModule’, [“Mac”])And now you can use one of the provided directives, for example mac-autocomplete. If you get in trouble remember that the mac-autocomplete directive requires ng-model:
<mac-autocompleteDone!
ng-model="selected"
mac-autocomplete-source="['hello', 'world']"
mac-placeholder="'Autocomplete'">
</mac-autocomplete>
Links
he
duct tape and swiss army knife for AngularJS applications. - See more
at:
http://tech.shift.com/post/58726393361/introducing-macgyver#sthash.mw58vg1J.dpuf
he
duct tape and swiss army knife for AngularJS applications. - See more
at:
http://tech.shift.com/post/58726393361/introducing-macgyver#sthash.mw58vg1J.dpuf
No comments:
Post a Comment
Note: only a member of this blog may post a comment.