typeahead指令不会将事件冒泡到外部全局javascript函数

Question

我是AngularJS指令的新手，并试图找出如何将angularjs指令typeahead自定义为可以自定义和扩展的指令。

用例：希望能够拥有一个我们可以自定义的自包含指令，以便我们可以传递远程数据源的url，以及返回的数据集项的键和描述，并在选择时传递回调方法。

我将typeahead指令包装在一个指令中并传递了一些自定义。我有一个plunker演示了我到目前为止所拥有的内容，但是我如何传递数据元素名称以便自定义。

<div ng-controller="quickProfileController">
    <div class="container">
    <div lookup ng-model="model1" prompt="Search for a Firm or a Fund" show-image="true" action="onSelect(model);"></div>
</div>
<div class="container" ng-show="true">
    <div lookup ng-model="model2" prompt="Search" show-image="false" action="externalCall(model);"></div>
</div>
<div>
    Total Items: {{selectionHistory.length}}
</div>
</div>

模块：lookupModule.js

我有一个名为：lookup（lookupDirective.js，lookupController.js，lookup.html，profileService.js）的指令

父控制器是：quickProfileController.js

以下是我的工作代码的链接：http://plnkr.co/edit/DAaVVY

我花了两天时间努力完成这项工作，但没有运气。有任何想法!!