使用节点和手柄动态填充下拉列表

wecizke3  于 2021-06-21  发布在  Mysql
关注(0)|答案(2)|浏览(355)

我正在尝试动态填充模板上的下拉列表。我正在向数组中添加公司ID,然后尝试将数组传递给模板。
将ID添加到数组:

var express = require('express');
//var mysql = require('./dbcon.js');

var mysql = require('mysql');
var pool = mysql.createPool({
  connectionLimit : 10,
  host  : 'localhost',
  user  : 'root',
  password: 'Baseball247!',
  database: 'award'
});

var app = express();
var handlebars = require('express-handlebars').create({defaultLayout:'main'});

app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');
app.set('port', 3000);
app.use(express.static('public'));
app.get('/add-user', function(req,res){
  var context = {};
  pool.query("SELECT id from company;", function(err,rows,fields){
    if (err){
      console.log(err);
      next(err);
      return;
    }
    context.results = rows;
    var companies = [];
    //console.log('The solution is: ', rows.length);
    for (var i =0; i < rows.length; i++) {
      //console.log('The solution is: ', rows[i]["id"]);
      companies.push(rows[i]["id"]);
    }
    console.log(companies);
    res.render('addUser', {companies : companies});
  });
});

然后,我尝试通过以下方式在下拉列表中显示这些值:

<select>
    <% for(var i=0; i < companies.length; i++) { %>
        <option><%= companies[i] %></option>
    <% } %>
</select>

但是,当我查看网页时,下拉列表显示的是这个,而不是公司ID:

当我 console.log 数组我看到了正确的结果,所以我假设问题要么是我如何传递数组,要么是我如何遍历/调用模板中的数组。有人知道我在这里错过了什么吗?

rqdpfwrv

rqdpfwrv1#

的语法 select 应该是:

<p>Company: <select name="company" id="company">
    {{#each companies}}
        <option>{{this}}</option>
    {{/each}}
    </select>
q5lcpyga

q5lcpyga2#

车把使用不大于%的花括号。你能检查一下基本文件吗?谢谢您。

相关问题