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

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

例如，我必须在image标签内对用户的照片位置进行模板化，然后从数据库中获取存储在服务器上的文件的名称。

这将是一个散列值，但我需要在其前面加上/img/uploads/或类似的内容，并在其后加上.jpeg

我正在检查该值是否为null，这是我的代码：

<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”之类的操作，则由于明显的原因将无法正常工作。如何解决这个问题？

最佳答案

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

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

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

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

rv-src="user.photo | imgPath"

关于javascript - 用铆钉模板化值时如何为值添加前缀？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30137023/