车把查找以制作 href

Question

我正在尝试在现有应用程序上制作 mod。我想要做的就是创建一个包含 url 的 href，但使用 handlebars 查找功能。当我尝试它时 returns 一个空白值。

这是我的函数：

var cardLink = function generateCardLink() {
  var url = `"url/container-scan-reports/${vendor}/${product}/${image}"`        
  return url;      
}

//...

res.render('vendor', { 
  title: 'Vendor Images',
  images: images,
  tags: tags,
  cardLink: cardLink
});

然后我试图在模板的顶部 div 以这种方式传递 href。

<div class="row row-cards-pf ">

{{#each images}}
  <div  href={{lookup ../cardLink @index }} class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
    <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
        <div class="card-pf-body">
          <div class="card-pf-top-element">
            <span class="pficon-image card-pf-icon-circle"></span>
          </div>
          <h2 class="card-pf-title text-center">
              {{ this }}
          </h2>
          <div class="card-pf-items text-center">
            <div class="card-pf-item">
              {{{ lookup ../tags @index}}}
            </div>
          </div>
       <!--   <p class="card-pf-info text-center"><strong>Most recent image</strong> {{ lookup ../mostRecentImages @index}}</p> -->
        </div>
        <div class="card-pf-view-checkbox">
          <input type="checkbox">
        </div>
      </div>
  </div><!-- /col -->
{{/each}}

谁能帮帮我？

Answer 1

在这种情况下，您不需要 lookup。我想你想显示 url，所以 @index 不是正确的参考。试试这样：

<div href={{../cardLink}} class="col-xs-12 col-sm-6 col-md-4 col-lg-4">

车把查找以制作 href

Handlebars lookup to make an href

html

javascript

handlebars.js