javascript - dom idを使用して、バニラJavaScriptキーアップリスナーをAngular md-autocomplete入力にアタッチする方法は?

Question

次のような角度のある md-autocomplete があります。

<md-オートコンプリート
    md-input-id="myid"
    ...>
</md-オートコンプリート>

そして、私はこれをしたい:

document.getElementById("myid")
    .addEventListener("keyup", 関数(イベント) {
        //私のコード
    }
});

angularコントローラーのどこにそのイベントリスナーをアタッチできますか? 私はui.routerを使用しています。各ページは本当の新しいページではなく、dom の更新だけのようです。そのため、id を持つ要素にアクセスできるように、レンダリングが完了したときのイベント リスナーが必要だと思います。

Answer 1

キー イベントにバインドする場合、md-autocomplete には md-search-text-change というプロパティがあり、スコープに関数をアタッチできます。

これは適応例です: https://plnkr.co/edit/Mih3sJTEiTjD2Qhresq6?p=preview

<md-autocomplete md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"></md-autocomplete>

それが役に立てば幸い。