请问art-template模板如何自定义函数?
网友回复
首先要定义一个
// 百分比计算 自定义模板函数
template.defaults.imports.percentage = function (num1, num2) {if(!num1 && !num1){
return 0+'%';
}else{
return Math.round(num1 / (num1 + num2) * 100) + '%';
}
}
然后在模板中调用
{{ 3,4 | percentage}}
完整示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超快的模板引擎 art-template.js</title>
<style type="text/css">
</style>
</head>
<body>
<div id="content"></div>
<script id="test" type="text/html">
<h1>{{title}}</h1>
<ul>
{{each list as value i}}
<li>索引 {{i + 1}}:{{value}} {{i + 1,1 | percentage}} </li>
{{/each}}
</ul>
</script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/art-template.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
// 百分比计算 自定义模板函数
template.defaults.imports.percentage = function (num1, num2) {if(!num1 && !num1){
ret...点击查看剩余70%
阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好?
剪映能打开.fcpxml格式的文件吗?
增量式编码器与绝对式编码器的区别是啥?
有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目?
chrome网页突然报错:错误代码:RESULT_CODE_KILLED_BAD_MESSAGE
openai的codex如何全程无需手动确认自动修改文件?
阿里云oss前端上传文件直传如何限制文件类型?
阿里云oss前端获取policy签名直传oss上传文件回调如何传?
如何将根据三维物体通过提示词变成可交互的4d场景动画?
浏览器中实时摄像头离线视觉ai模型有吗?


