simple angular directive to support twitter's typeahead.js

typeahead.js

angular.module('io.utils', [])
    module.directive('ioTypeahead', [
        '$parse',
        function ($parse) {
            return {
                restrict: "AE",
                replace: true,
                transclude: false,
                compile: function (element, attrs) {
                    var modelAccessor = $parse(attrs.ioTypeahead);
                    return function (scope, element, attrs, controller) {
                        var model = modelAccessor(scope);
                        var obj = $(element).typeahead(model.options, model.datasets);
                        scope.$on('$destroy', function () {
                            obj.typeahead('destroy');
                        });
                        angular.forEach(model, function (v, k) {
                            if (typeof v === 'function' && /^typeahead:/.test(k)) {
                                obj.on(k, v);
                            }
                        });
                    };
                }
            };
        }
    ]);