首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用hbs循环API

用hbs循环API
EN

Stack Overflow用户
提问于 2018-09-30 17:25:02
回答 1查看 1K关注 0票数 1

我来自ejs。我有一个函数来循环API数据,如下所示:

代码语言:javascript
复制
<p><% data["Search"].forEach(function(movies){ %>
    <li><strong><%= movies["Title"] %></strong> - <%= movies["Year"] %> - <%= movies["Type"] %></li>
<% }) %></p>

我怎么能用hbs来做同样的事情呢?我试过这个:

代码语言:javascript
复制
<div>
    {{#each data}}
        <div class="row">
            <div class="col-md-12">
                {{Title}}
            </div>
        </div>
    {{/each}}
</div>

但它没有显示任何东西。

这是我的app.js

代码语言:javascript
复制
const   express     = require("express"),
        request     = require("request"),
        bodyParser  = require("body-parser"); 

var     app         = express();

app.use(express.static("public")); 
app.set("view engine", "hbs"); 
app.use(bodyParser.urlencoded({ extended: true })); 

app.get("/moviesearch", function(req, res){
    res.render("moviesearch");
});


app.get("/movieResults", function (req, res) {
    var user = req.query.getValue;
    var url = "http://www.omdbapi.com/?s=" + user + "&apikey=...";
    request(url, function (error, response, body) {
        var data = JSON.parse(body);
        res.render("API_Results", { data: data });
    });
});

如何在我的API_Result.hbs上循环这些值?

搜索示例:扫帚

代码语言:javascript
复制
{
Search: [
{
Title: "Bedknobs and Broomsticks",
Year: "1971",
imdbID: "tt0066817",
Type: "movie",
Poster: "https://m.media-amazon.com/images/M/MV5BMTUxMTY3MTE5OF5BMl5BanBnXkFtZTgwNTQ0ODgxMzE@._V1_SX300.jpg",
},
{
Title: "When Broomsticks Were King",
Year: "2001",
imdbID: "tt1418965",
Type: "movie",
Poster: "N/A",
},
],
totalResults: "5",
Response: "True",
}

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-30 18:01:27

请查看下面的代码。你必须在js里面运行一个循环。

代码语言:javascript
复制
<div>
    {{#each data.Search}}
        <div class="row">
            <div class="col-md-12">
                {{Title}}
            </div>
        </div>
    {{/each}}
</div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52580340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档