javascript - 加载并渲染 Angular Bootstrap typeahead 后使用回调

Question

我有以下 html 代码

<div id="myQuestion" class="col-sm-9" style="overflow-y: auto;height: 100%;">
    <span>
        <input type="text" style="overflow:auto" ng-model="selected" 
             typeahead="item for item in filterInput($viewValue) |   limitTo:10"
             typeahead-on-select='onSelect($item)'>                                                                     
    </span>
</div>

一旦预先输入被过滤并渲染到用户界面，我希望有一个回调函数，类似于渲染后事件。我正在使用 Angular Bootstrap Typeahead。我怎样才能实现这个目标？

Answer 1

当typeahead渲染时，没有回调可以检查。但您可以使用 viewContentLoaded 事件来实现此目的。

在您的 Controller 中监听此事件:

$scope.$on('$viewContentLoaded', function(){
    //do your stuff here
}