Question

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

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

它将是一个散列值，但我需要在其前面添加/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”的操作，则由于显而易见的原因而无法正常工作。如何解决这个问题？

Answer 1

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

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

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

然后你可以在你的标记中使用它，如：

rv-src="user.photo | imgPath"

如何用铆钉模板化它们的前缀？

1 个答案: