搜索

请问art-template模板如何自定义函数？

javascript html5

网友回复

首先要定义一个

  // 百分比计算 自定义模板函数
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%

by thinkfuture

我知道答案，我要回答

我有问题

请问art-template模板如何自定义函数？

如何写ai提示词让大模型根据主题生成视频脚本json，然后让Hyperframe渲染出mp4视频？

有哪些字体使用等宽编程代码展示？

如果让演唱会歌迷的上万手机屏幕和闪光灯一起被现场中控控制闪烁？

Midjourney为啥进军医疗领域了？

python如何跟踪足球比赛指定球员全场运动标注打聚光灯合成

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？