1

我对 AngularJS 指令非常陌生,并试图弄清楚如何将 angularjs 指令预先输入自定义为可以自定义和扩展具有更多功能的指令。

用例:希望能够有一个可以自定义的自包含指令,以便我们可以传递远程数据源的 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

我花了两天时间试图完成这项工作,但没有运气。有什么想法吗!!

4

0 回答 0