Извините за плохое форматирование вопроса. я новичок в nodejs, angularjs. Я пытаюсь отобразить в файле index.html название и цену продукта.
Я установил соединение с моей базой данных sql, используя скрипт ниже index.html. Журнал консоли показывает правильный результат, но в теле html я не смог отобразить название еды и цену.
<!doctype html>
<html>
<head>
<title>Food Stuff</title>
</head>
<body ng-app='myapp'>
<script data-main="config" src="require-2.1.22.js"></script>
<table >
<tr>
<th>Food Name</th>
<th>Food Price</th>
</tr>
<tr>
<td>{{burger}}</td> //not working
<td>{{price}}</td> //not working
</tr>
</table>
</div>
</body>
<script>
var mysql = require('mysql');
var connection = mysql.createConnection({
host: "localhost",
user: "root",
password: "password",
database : "food"
});
connection.connect((err) =>{
if (err){
return console.log(err.stack);
}
console.log("Connection established");
});
//Query start
$queryString = 'SELECT * FROM `food_item` LIMIT 10;';
connection.query($queryString, (err, results, fields)=>{
if (err){
return console.log("An error has occured", err);
}
console.log(results);
var burger = (results[0].food_name);
var price = (results[0].food_price);
});
connection.end(()=>{
console.log("Connection closed");
});
</script>
</html>
я ожидаю, что HTML будет отображаться на локальном хосте
Food Name Food Price
Burger 10
но фактический результат
Food Name Food Price
{{burger}} {{price}}