如何創建需要uibTypeahead的Angular 1.5自定義指令

Question

我想在需要uibTypeahead的AngularJs中創建自定義指令，但無法使其工作。我正在使用angular-ui-bootstrap版本0.14.3的Angular 1.5版本。下面是我的示例代碼 -

function typeaheadOpenOnFocus($log) { 
    return { 
    require: ['uibTypeahead', 'ngModel'], 
    link: function (scope, element, attr, ctrls) {   
     element.bind('focus', function() { 
     $log.log("in typeaheadOpenOnFocus: ", ctrls); 
     // ctrls[0].getMatchesAsync(ctrls[1].$viewValue); 
     scope.$apply(); 
     }); 
    } 
    }; 
} 

我期待ctrls監視[0]是UibTypeaheadController，因爲ctrls監視[1]被正確解析到NgModelController。基本上，我想在鏈接函數中使用UibTypeaheadController的getMatchesAsync函數。任何幫助將非常感激。

謝謝。

Answer 1

看來getMatchesAsync方法是控制器中的一個私有函數。

通過查看源碼，https://github.com/angular-ui/bootstrap/blob/master/src/typeahead/typeahead.js，你可以看到他們僅僅暴露this.init = function(_modelCtrl, _ngModelOptions)的方法。所有其他方法都在控制器內部。

我有一個類似的問題，我想在一個指令中調用該方法：Open AngularUI Bootstrap Typeahead Matches Results via Controller