如何在node.js搜索栏中添加自动完成功能?

如何在node.js搜索栏中添加自动完成功能?,node.js,mongodb,mongoose,Node.js,Mongodb,Mongoose,我使用Node作为服务器端语言和mongodb数据库。我想知道如何在搜索栏中添加自动完成功能。例如,我的对象中有一个属性“materialCode”,当我键入“12”时,我需要一个下拉框,显示该特定集合中以12开头的所有materialCodes。如果有任何帮助,我们将不胜感激。通常我们会在前端提供帮助。如果您使用的是html5,那么它可以很容易地完成。(假设您使用的是任何模板引擎或angular或react。)使用任何服务调用从后端(节点)获取所有数据(假设您将数据存储在allMaterial

我使用Node作为服务器端语言和mongodb数据库。我想知道如何在搜索栏中添加自动完成功能。例如,我的对象中有一个属性“materialCode”,当我键入“12”时,我需要一个下拉框,显示该特定集合中以12开头的所有materialCodes。如果有任何帮助,我们将不胜感激。

通常我们会在前端提供帮助。如果您使用的是html5,那么它可以很容易地完成。(假设您使用的是任何模板引擎或angular或react。)使用任何服务调用从后端(节点)获取所有数据(假设您将数据存储在allMaterialCode)。然后循环通过所有materialCode并将materialCode值发送到html5数据列表,如下所示。(通过循环所有materialCode绑定materialCode)。(假设您正在运行节点ejs服务器)


这些链接可能会有所帮助


您能指定哪个前端或模板引擎吗?我正在使用ejs模板引擎我现在使用ejs模板引擎,您能检查一下吗?如果您面临任何错误,您面临的错误是什么?谢谢!成功了!
<input list="browsers">

<datalist id="browsers">
        <% 
            var dataObj = ["12","1223","12456","12345","13322","9877"];
        %>
        <%
            for ( let singleItem of dataObj ) {
        %>
            <option value='<%= singleItem %>'>
        <%
            }
        %>
</datalist>