javascript - 如何使用 dom id 将 vanilla JavaScript keyup 侦听器附加到角度 md-autocomplete 输入？

Question

我有一个像这样的角度 md-autocomplete：

<md-自动完成
    md-input-id="myid"
    ...>
</md-自动完成>

我想这样做：

document.getElementById("myid")
    .addEventListener("keyup", function(event) {
        //我的代码
    }
});

我在哪里可以在我的角度控制器中附加该事件侦听器？我正在使用 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>

希望能帮助到你。