javascript - Handlebars 查找以生成 href

Question

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

这是我的功能:

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

在这种情况下，您不需要查找。我认为您想显示 url，因此 @index 不是正确的引用。试试这个方法:

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