javascript - 使用铆钉制作模板时如何为值添加前缀？

Question

我正在与 rivets.js 合作库将模板数据添加到我的应用程序中。我陷入了一种格式问题。在模板化值时如何格式化值？

例如，我必须在图像标签内模板化用户的照片位置，并且我从数据库中获取存储在服务器上的文件的名称。

这将是一个散列值，但我需要在它前面添加 /img/uploads/ 或类似的内容，并用 .jpeg 进行后缀

我正在检查该值是否为空，这是我的代码:

<img rv-unless="user.photo" src="img/avatars/sunny-big.png" alt="me" data-toggle="modal" data-target="#myModal">
<img rv-if="user.photo" rv-src="user.photo" alt="me" data-toggle="modal" data-target="#myModal">
<i class="fa fa-camera"></i>

如果我做类似 rv-src="/img/uploads/user.photo"的事情，由于显而易见的原因，它不会起作用。如何解决这个问题？

Answer 1

我认为解决您问题的方法是使用格式化程序铆钉。它们就像 AngularJS 中的过滤器并支持管道。

您可以按如下方式定义格式化程序:

rivets.formatters.imgPath = function(value){
  return '/img/uploads/' + value + '.jpeg'
}

然后您可以在标记中使用它，例如:

rv-src="user.photo | imgPath"