在 Angular.js 中選擇值時的 angucomplete 觸發事件

Question

我正在嘗試為此自定義 Angular.js 指令angucomplete啟用 ng-change 事件

這是我在 html 文件中聲明指令的方式：

    <angucomplete id="Angucomplete1" placeholder="Type 3 letters to start" pause="100" 
selectedobject="selectedCountry" localdata="datasearch" ng-model="modelCountry" searchfields="name" 
titlefield="name" minlength="3" inputclass="form-control form-control-small" matchclass="highlight" />

我嘗試將 ng-change="myFunction()" 放在這里，它是控制器的一部分，但它根本不觸發。

此外，我也嘗試將 ng-change 屬性放入實際指令代碼中，但效果不佳：

   template: '<div class="angucomplete-holder"><input id="{{id}}_value" ng-change="myFunction()" ng-model="searchStr" type="text" placeholder="{{placeholder}}" class="{{inputClass}}" ng-focus="resetHideResults()" /></div>'

知道如何在文本框中更改實際輸入值時觸發事件嗎？

Answer 1

試試我從 angucomplete 分叉出來的 angucomplete-alt，修復了很多錯誤，並添加了額外的功能： http ://ghiden.github.io/angucomplete-alt/#example10

angucomplete-alt 的屬性名稱不同。 所以你需要像這樣改變你的。

<angucomplete-alt id="Angucomplete1" placeholder="Type 3 letters to start" pause="100" 
selected-object="selectedCountry" local-data="datasearch" search-fields="name" 
title-field="name" minlength="3" input-class="form-control form-control-small" matchclass="highlight"/>